speed coding
- coding > html/xhtml
- 2007.06.19 Tue 23:55
- permalink
Dreamweaverだと、pタグやh1などのタグはドラッグして選択したところをショートカットキーでタグで囲む、などができるし、手打ちも短いのでやる気しますが、spanやul、li、addressなどといった各タグのショートカットはないんですよね。前に書いたように、「クイックタグ編集」ctrl＋Tとかがあるくらいで、まぁ手打ちが一番早いかなとずっと思ってたけれど…。
こういうふうにブログを書いていると、特にSerene Bachの管理画面は、タグ挿入支援なども充実しているので、ドラッグしてワンクリックで、<li></li>で囲ってくれる機能がDWにもあればなぁ〜なんて、思うわけですよ。
じゃぁ、もう作っちゃえ！って思って、作りました。
自分用に便利ツールとして作成したんですが、社内でこっそり公開したら、案外好評だったので、思い切って公開。良かったら使ってあげてください。
マークアップのお供に、どうぞ。
speed coding
・原稿を流し込む
・囲みたい部分を選択
・タグボタンをクリック
↓
タグで囲んでくれます。
この単純な動作が、とっても便利！（なハズ！）
ネーミングのことは、気にしないでください^^;私視点でコーディングが速くなるなぁって思っただけです。
登録
RSSリーダーで購読する
Comments
レス遅くなってすみません…
コメントありがとうございます。
DWのスニペット、まだ使ったことなかったんですが、そんな便利な機能だったとは！ショートカットキーにできるのはかなり嬉しいですね♪ぜひ使ってみようっと☆
スニペット登録しておいて、選択範囲をSPANでくくるもよし、DDでくくるもよし
なんなら、クラスつきのDIVで囲むもよしです。
例）
選択範囲の前
<div class="">
選択範囲の後
</div>
見たいな感じで登録できます。
それも！！
ショートカットキー対応です。
DLのセットとかを登録してるとなかなか便利ですよ。
私、タグだけ先に打って後で原稿流し込むタイプなんで、逆の工程を踏んでるんですけど、
手打ちしない分かなり作業が早くなりましたー。
特に文字実体参照とか、長くてややこしくなりそうな時は
ブログの新規記事に持っていって変換してたのでこれかなり便利ですー。