エントリー画面でフォント色指定

やっと見つけました、このカスタマイズ(^^;)

【エントリー画面でフォント色を指定する】


参考URL:
[Su*]: 記事投稿時に文字色変更
Hitorigoto?: エントリー画面のカスタマイズ
やむやむ: エントリ編集画面に文字色楽チンセットの小技装備


mt_ja.jsに以下のコードを追加。

function colorSelect (obj) { var v; if (!document.selection) return; var str = document.selection.createRange().text; if (!str) return; with(obj) { if (options[selectedIndex].value == "------") return; v = options[selectedIndex].value; } document.all.colcol.style.backgroundColor = v; document.selection.createRange().text = '<font color="' + v + '">' + str + '</font>'; }
function colorSet() { var v; if (!document.selection) return; var str = document.selection.createRange().text; if (!str) return; if (document.all.colcol.options [document.all.colcol.selectedIndex].value == "------") return; v = document.all.colcol.options [document.all.colcol.selectedIndex].value; document.selection.createRange().text ='<font color="' + v + '">' + str + '</font>';}


続いて、

tmpl/cms/edit_entry.tmplに以下を追加。

write('<a title="<MT_TRANS phrase="Setcolor">" href="#" <form name="colform"><select name="colcol" onchange="colorSelect(this)" width="48"><option value="---" selected>color<option value="#ff0000">Red<option value="ffa500">Orange<option value="0000ff">blue<option value="3cb371">Green<option value="ff69b4">Pink<option value="800080">Purple<option value="a9a9a9">Gray<option value="daa520">Gold</select><input type="button" onclick="colorSet()" value="set"></a>');


そうすると、↓このようになります。

これで、エントリー画面に書いた文字を選択し、変えたい文字色に指定するだけです。


あぁ〜、ラクチンだ〜〜(^^)/


----------------------------------------
2006/01/09 追加
・「mt.jp」 → 「mt_ja.js」色のバリエーションを追加

Movable Typeで今日から始めるカスタムブログ
岡田 庄司
秀和システム (2005/04)
売り上げランキング: 12,043
通常24時間以内に発送