2004年 12月 11日(土)   先負    今日は何の日?   2005年の今日のエントリ

TopMovableTypeMTカスタマイズ > エントリ編集画面に文字色楽チンセットの小技装備

MTカスタマイズエントリ編集画面に文字色楽チンセットの小技装備 new

喜怒哀楽 さまの 「エントリー編集画面で文字の色指定を楽にしよう!」 経由で
SecretSchool.BLOG さまの 「MT Ver.3で文字に色を付ける改造」 にお邪魔して、
エントリ編集画面に <font color="***"></font> ←こんなタグを楽々挿入できちゃう小技を
いただいてきました。方法は2ステップ。まずは mt.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>';
}



次は 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>------<option value="red">red<option value="yellow">yellow<option value="blue">blue<option value="green">green<option value="cyan">cyan</select><input type="button" onclick="colorSet()" value="set"></a>');


これで、できあがりです。喜怒哀楽 ミッチさんも記事の中で書いておられましたが
あとから付けたほかのボタン(テキストエリア・デコード・HR等)のように body とextend の両方に付けると
なぜかエラーでうまく動かなくなってしまいました。

どれどれ・・・早速使ってみましょ~。ちょっとしたことだけど タグを手作業で入れるのって 結構面倒ですよね
これは 便利です。w(0^__^0)w ワーイ


MT3.2 へのカスタマイズは こちら をごらんください。(2005年11月8日 追記)

Posted by Caetla at 21:06 | Category : MTカスタマイズ | Comments [4] | Trackbacks [3] | Clip!! | Ranking
Tag : MovableType , カスタマイズ , Font
この記事はどうでしたか?(お気軽に 記事に点数を付けてみてくださいね♪)
Bad ← 1 2 3 4 5 → Good
評定平均:(3.1) 総合点:(1781) 投票人数:(575)

エントリーURL


 

トラックバックURL


 

トラックバック

エントリー書きやすくするその7 from http://blog.magicwhite.jp/archives/2004/12/18/0420_83.php Magic White
やむやむ エントリ編集画面に文字色楽チンセットの小技装備を参考に文字色を簡単に付... [続きを読む]

Tracked on 2004年12月18日 04:42

ボタンが増えてました。 from http://gardenclogs.org/blog/archives/000138.html gblog
気づかぬうちにというか、Firefoxで久しぶりにエントリー書いてみたらボタンがついてました。 左からボールド・イタリック・アンダーライン・ハイパーリンク・メー... [続きを読む]

Tracked on 2005年04月07日 00:17

エントリー画面でフォント色指定 from http://www.multiburst.net/project-multiburst/archives/2005/05/30/2202.php Project MultiBurst
やっと見つけました、このカスタマイズ(^^;) 【エントリー画面でフォント色を指... [続きを読む]

Tracked on 2005年05月30日 22:22
コメント
1

こんばんはー。
さすが!仕事速いーー!

あぁ。私はのろまなカメだから~・・・(w
ハハハv
記事の参照ありがとーv

Posted by ゲスト ミッチ http://samua.s58.xrea.com/blog/ at 2004年12月11日 22:21 [RES]
2

いやいや・・・んなこたぁないっス。
(〃_ 〃)ゞ ポリポリ

Posted by 管理人 さえら http://caetla.oops.jp/blog2/ at 2004年12月11日 23:39 [RES]
3

はじめまして!少し教えて下さい 現在、MT3.2ja-2を使っていますがこのヴァージョンでも使用可能でしょうか? 説明通りソースを追加したのですがどうしてもエラーになってしまいます。何が原因になっているのか?わかりません お手数おかけしますがサポートお願いします。

Posted by ゲスト panser at 2005年11月07日 18:55 [RES]
4

>>3 panserさん
はじめまして。うちも 3.2-ja-2 ですが、問題なく使えています。
こちら が ご参考になれば、と思いますが、どうでしょうか?

Posted by 管理人 さえら http://caetla.oops.jp/blog2/ at 2005年11月07日 22:01 [RES]
Amazon Search
Google Similar