投稿日:2017/03/25
更新日:2017/03/28
指示書の表を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作成の一から解説します。
- 指示書テーブルのセルを範囲コピー
- DreamWeaverに貼り付けて、tableを作る
- ejsに貼り付け(必ずtable-defaultクラスを使うこと)
- 公開サイト側で、上記ブックマークレットを実行
- 上記3つの面倒事がクリアされたtableに書き換わる。
このテーブルをコピーで要素のテキストがクリップボードにコピーされる - やったね
ということです。