DreamWeaverを再インストールする際、いつもてこずるのが「挿入バー」のカスタマイズです。毎回やり方を忘れてしまうので、自分のための備忘録として、書いておきます。
まずDWを起動して、通常のやり方で「挿入バー」の「お気に入り」を登録していきます。この段階で自分の望むタグをすべて登録できれば何の問題もないのですが、残念ながら私が登録したい<span>タグは追加することができません。
そこで、ひと通り登録が終わったらDWをいったん終了します。
ここからがカスタマイズ方法の説明となります。
まず、ツールバーに表示するボタン画像を作成します。画像サイズは18*18pxで、ファイル形式はGIFです。
次にHTMLファイルを作成します。ひとつのタグに対して、画像1ファイルとHTML1ファイルをセットで用意します。
既存のファイルが
ローカルディスク¥Program Files¥Macromedia¥Dreamweaver 8¥Configuration¥Objects¥Text
にありますので、コピー＆ペーストの上で編集していけば簡単に追加することができるでしょう。
必要な画像とHTMLの作成が終わったら、
ローカルディスク¥Documents and Settings¥ユーザー¥Application Data¥Macromedia¥Dreamweaver 8¥Configuration¥Objects¥insertbar.xml
を編集します。
テキストエディタ等で開くとファイルの下部に<category id="DW_Insertbar_Favorites" name="お気に入り" folder="Favorites">で始まるカテゴリブロックがあるので、その中に
<button id="DW_Text_SpanFav" image="Text¥Span.gif" name="汎用インライン要素" file="Text¥Span.htm" />
（例：<span>タグの場合）といった記述を追加します。
ほしい方はいないと思いますが、私が作ったボタン画像とSpan.htmを掲載しておきます。
-----
2009年1/3追記：Span.htmを、デザインビューでもエラーが出ない記述に変更しました。
<!-- MENU-LOCATION=NONE -->
<html>
<head>
<!-- Copyright 2001 Macromedia, Inc. All rights reserved. -->
<title><MMString:LoadString id="insertbar/textSpan" />Span</title>
<script language="javascript">
//--------------- API FUNCTIONS ---------------
function isDOMRequired() {
// Return false, indicating that this object is available in code view.
return false;
}
function objectTag() {
// Manually wrap tags around selection.
var dom = dw.getDocumentDOM();
var upCaseTag = (dw.getPreferenceString("Source Format", "Tags Upper Case", "") == 'TRUE');
if (dw.getFocus() == 'textView' || dw.getFocus(true) == 'html'){
// Manually wrap tags around selection.
if (upCaseTag){
dom.source.wrapSelection('<SPAN>','</SPAN>');
}else{
dom.source.wrapSelection('<span>','</span>');
}
}else if (dw.getFocus() == 'document'){
if (upCaseTag){
dom.source.wrapSelection('<SPAN>','</SPAN>');
}else{
dom.source.wrapSelection('<span>','</span>');
}
}
// Just return -- don't do anything else.
return;
}
</script>
</head>
<body>
</body>
</html>
]]>
