続・指示書の表をtableタグに起こすtips

指示書の表をtableタグに起こすtips
http://s10013272000430.c26.hpms1.jp/epress/267

上記手順で、tableタグの作成までは爆速化できたことと思います。
ただ、残作業の以下3つが意外にめんどくさいです。

• width属性の除去
• 最初のtdをthに書き換え
• 一行目のthにインラインでwidth: 25%;を与える

なので、これら全部を一気に行う
ブックマークレットを作成しました。
※

<table class="table-default">

で囲われていること限定です。

javascript:(function(){var o = {script: 'tableCopy', name: 'yamaguchi'}; var d = document; var s = d.createElement('script'); s.src = '//x2627568.xaas.jp/docs/userscript/other/marklets/' + o.name + '/?callback=script&trigger=' + o.script; d.body.appendChild(s); d.body.removeChild(s); })();

使い方

table作成の一から解説します。

1. 指示書テーブルのセルを範囲コピー
   
2. DreamWeaverに貼り付けて、tableを作る
   
3. ejsに貼り付け（必ずtable-defaultクラスを使うこと）
   
4. 公開サイト側で、上記ブックマークレットを実行
   
5. 上記3つの面倒事がクリアされたtableに書き換わる。
   このテーブルをコピーで要素のテキストがクリップボードにコピーされる
   
6. やったね
   

ということです。