カラーセレクトボタン設置

エントリー投稿をしやすいようにカラーセレクトボタンを設置した。
これでワンクリックで文字を好きな色に変えられマッスル(っ´▽`)っ
参考にしたのは Magic Whiteさんの この エントリ。

いじくるのは mt.jsedit_entry.tmpl の二つ。
まずは最初に mt.js の編集。

function formatStr (e, v) を探し出してその下に追加。

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>';
}

そんでもって edit_entry.tmpl の編集。
挿入位置は これ で入れた場所と同じ。

これで編集画面にカラーセレクトボタンが付きます。
うちは水色の3色だけを選択できるようにした。
基本的に色使う時って太字にするからセットにしたかったけど、
どーやってもやり方がわからなかったのであえなく断念(;'-')

と思ったら以下のようにしたら簡単にできた(;'-')

'<font color="' + v + '"><b>' + str + '</b></font>';

関連記事(同じタグの記事が新しい順に表示されます)
トラックバックURL
当サイトへのリンクがないトラックバックは、迷惑トラックバックと判断されます

コメントを投稿する





コメントはありません