引用タグ挿入ボタンをつける

| コメント(0) | トラックバック(4)

最近、記事の本文を読みやすくしようとblockquoteタグを多用していたのですが、入力に結構手間がかかってしまって、これでは更新が楽チンなはずのMTの本領と違うのでは・・と一抹の疑問を感じていました。そこで「こんなモノあるんじゃないかな~」と思って探してみたらやっぱりありました。ボタンを押すだけで引用タグを挿入してくれるカスタマイズ方法です。

depolog : blockquoteを簡単に
どうせなら太字、イタリック、アンダーバーやURLみたいにボタンで挿入できるといいのに…というわけで<blockquote>を挿入するためのボタンを増設する方法です。
これは便利なので早速つけさせてもらいました。しかも、この要領でやれば「好きなタグ挿入ボタン」が作れるらしいので、そのうちリスト挿入ボタンとかも作ってみようかな。

<基礎知識>

色んなBlogを見ていると、みんな他のサイトから引用した部分などを囲ったり強調表示しています。これは引用した部分をblockquoteタグで囲っているのです。そうすると、表現の乏しいMTの本文内がとても読みやすくなります。

<blockquote>引用部分</blockquote>
引用部分
こんな感じです。
ただし、これを有効にするには、あらかじめMTのスタイルシート内で
blockquote {
margin-right: 2em;
margin-left: 2em;
padding-left: 1em;
border: 2px dashed #CC6633;
width: auto;
background-color: #FFFFCC;
}
などのようにblockquoteタグを定義しておいてやる必要があります。さらに、同様の手順で色んなタグを定義すれば、複数の装飾・スタイルを本文内に使い分けることもできます。

トラックバック(4)

いろいろとMTを導入しているサイトを見ていると,引用部分(blockquote)を使って,ちょっとした見栄えを変えているんで,自分も導入したいなと思ってました。 で,昨日の記事でその引用をするにあたり, blockquoteを簡単に いちいち<blockquote>のタグは書くのが面... 続きを読む

PC Blog @ Noel Cafe: blockquoteボタン 引用するときに便利な Blockquote タグ。 こんな風に囲まれる わけですが、これいちいち手でタグを書いてたら面倒極まりない。で、前は Movable Type 2661 だったので、 引用タグ挿入ボタンをつける:風のまにまに号 こちらを参考... 続きを読む

あぽ〜の考えXXXに似たり? - ついでに引用タグも使ってみた (2005年1月16日 02:18)

引用タグを使って…と、言葉だけは耳にしたのでググってみたんだけど 読んでも読んでも頭に留まらず。_| ̄|○   で、たどり着いたのが『風のまにま... 続きを読む

うずらのタマゴ ver3.1 - 引用タグ入れてみた。 (2005年6月21日 16:01)

:uzu: うずらんです:heart: 最近ちょっとスタイルシートに興味あったり... 続きを読む

コメントする

お気に入りBlog一覧




Powered By BlogPeople
BlogPeopleに追加

Skyphoto People

お役立ちツール

このサイトについて

多摩川のほとりでのんびり暮らす3人家族の日常と果てなき好奇心を綴ったブログです。

バックナンバー

Timelog