エントリ編集画面にHTMLエディター機能を組み込んじゃう
caramel*vanilla さまで こんな記事を見つけました。
「MTの編集画面にHTMLエディター機能を組み込む[改]」
どういうことかと言いますと・・・エントリの編集画面が ↓こう変身しちゃうのです!
(゜ロ゜) ヒョオォォ!これはすごい!
昨日まで頑張ってひとつずつ導入してきた こんなの とか こんなの とか こんなの とか こんなの も・・・
ほとんど網羅してる!+ もっといろいろな機能が付いてる。文字の色数も無制限だし・・・。
こりゃいいっ!!・・・・ってんで、早速 導入してみました。できたのが ↑の図です。
以下、導入手順です。・・・といっても ほぼ caramel*vanilla さまの記事 の丸写しです。オリジナリティなくてすみません。
- ↓のサイト (英語です。) から HTMLArea-3.0-rc1.zip をDLします。
[dynarch.com] HTMLArea, the Web-based editor
解凍したら mt.cgi と同じ階層に htmlarea というディレクトリを作って解凍した中身全部をUPします。
- tmpl → cms の中の header.tmpl を ローカルにDLして <head> ~ </head> に以下を追加します。
(いざというとき、いつでも元に戻せるように、必ずバックアップを取っておきましょう。)
<script type="text/javascript">
_editor_url = "<TMPL_VAR NAME=STATIC_URI>htmlarea/";
_editor_lang = "en";
</script>
<script type="text/javascript" src="<TMPL_VAR NAME=STATIC_URI>htmlarea/htmlarea.js"></script>
<script type="text/javascript">
HTMLArea.loadPlugin("SpellChecker" );
function initDocument() {
var editor1 = new HTMLArea("text" );
editor1.registerPlugin(SpellChecker);
editor1.config.pageStyle = "@import url(custom.css);";
editor1.generate();
var editor2 = new HTMLArea("text_more" );
editor2.registerPlugin(SpellChecker);
editor2.config.pageStyle = "@import url(custom.css);";
setTimeout(function() {
editor2.generate();
}, 500);
};
</script>
また、<body> を <body onload="initDocument()"> に置き換えます。
header_htmlarea.tmpl というファイル名にリネームしてサーバーの元の場所にUPします。
- tmpl → cms の中の edit_entry.tmpl をローカルにDLします。
(いざというとき、いつでも元に戻せるように、必ずバックアップを取っておきましょう。)
<TMPL_INCLUDE NAME="header.tmpl"> ←このような箇所を探して(たぶん、先頭行)以下に差し替えます。
<TMPL_INCLUDE NAME="header_htmlarea.tmpl">
- もともとあった太字や斜体などのボタンは要らなくなるので 消してしまいます。
ただし HTMLAreaを お試しで導入するだけなら 消さないほうが いいかもです。
- HTMLArea導入用のスタイルシートを以下からDLして htmlarea ディレクトリにUPします。
Movalog: HTMLArea (下の方にある this css というリンクを右クリックで保存)
以上で、できあがり。なんだけど・・・
これ入れたら、絵文字が使えなくなってしまいました。あと、慣れないせいもあって使いにくく、
結局、元に戻してしまいました。確かに機能はたくさん付いてて いいんだけど・・・あとは、好き好きで。
≪ 続きを隠す
Posted by Caetla at
09:45
| Category :
MTカスタマイズ
|
Comments [7]
|
Trackbacks [0]
|
Clip!!
|
Ranking
Tag :
MovableType
,
カスタマイズ
,
エントリ編集
,
HTMLエディタ
この記事はどうでしたか?(お気軽に 記事に点数を付けてみてくださいね♪) Bad ← 1 2 3 4 5 → Good
評定平均:(2.9) 総合点:(1479) 投票人数:(506) |
|
1
これ、すごいね。
MTのカスタマイズなら、ここやむやむに来るとたいていのことはわかっちゃうってくらい、すごいことになってきてるなぁ~♪
いろんなこと参考にやってみたいって思うことたくさんあるんだけど、結局、なーんもてをつけてない状態だったりして・・・。
でも、これは、導入の価値ありだな。
2
(≧∇≦)/ ハハハ 結局あたしは使えてないんだけどさぁ。
(〃_ 〃)ゞ ポリポリ
3
パパっとやっちゃうんだもんなー・・・。
午前中、格闘したけどダメだったよー><
4
でもね、結局 元に戻しちゃったんだよぉ。
(゜_、゜;)どよどよどよ~ん
5
>>4 さえらさん
[RES] ボタン付けてみたので、実験です。
6
こんばんはー。
えっと、ちょっと聞いてもいいでつか。
このhtmlareaフォルダの置いた場所には、mt.jsもありました?
よかったらさえらしゃんのブログ階層など教えていただけるとありがたいのですが。
例えば、public_htmlの下にblogがあってとか。
どの辺りにhtmlareaフォルダが入ってるのか、など知りたいんです。
なかよしこよしさんの文字の大きさなんかも変えられるやつ、試してみたんだけどJavaがうまく動かないらしいの。mt.jsの場所はココであってるのかー?って心配になっちゃって。
もー。途方にくれてるよ・・・・
7
mt.js と mt.cgi は 同じ階層にあるよ。public_html の下に cgi っていうディレクトリがあって、その下に mt そのまた下に mt.js や mt.cgi だよ。ロリポップのマニュアルどおりにやったら、mt.cgi のあるディレクトリと ブログのあるディレクトリが別々になっちゃったんだよねー。
なかよしこよしさんのJSなんだけど、あたしも最初エラーになっちゃってダメかと思ったんだけど、文字のサイズは、追記のほかのボタンの並びだけに置いて、文字の色と、文字の背景の色は 本文のところに置いたのね。両方に置くと、なぜだかダメなのよ。取り消しボタンとか、イタリックとかは両方に置いても大丈夫なのに、ホント不思議。