エントリー画面のカスタマイズ
'06/05/04
これは以前からやりたかったんですよね。エントリー画面のカスタマイズ。何せ面倒でねぇ…ゲホゲホ。
1. HTMLの特殊文字の変換をできるようにする
2. DIVタグを挿入できるようにする
エントリーが面倒なことが面倒なんですよ…(ダメ人間)
1. HTMLの特殊文字の変換をできるようにする
2. DIVタグを挿入できるようにする
エントリーが面倒なことが面倒なんですよ…(ダメ人間)
▼HTML特殊文字変換 参考記事
■HTML特殊文字を変換する by nox noctis
■エントリー画面でのHTMLの特殊文字変換 by Project MultiBurst
<> などを <> に変換する方法です。DWでやってもいいのですが、こっちでやれた方がいいかな~と。編集するのは
・mt.js
・mt/tmpl/cms 内にある edit_entry.tmpl
この二つのファイル。念のためにコピーを取っておいてください。
mt.js を編集します。Ver3.17の場合なら153行目くらいにあるformatStr 関数の上か下あたりに以下の関数を追加します。
※1.5以前の場合は太字の部分が getSelected ではなく getSelection になります。
mt/tmpl/cms 内にある edit_entry.tmpl に追記します。
エントリー本文(body)に入れる場合、186行目前後に
と記述。
追記(extend)に入れる場合は210行目前後あたりに
と記述します。
編集したら、2つのファイルをアップロードします。
mt/images に html-chars.gif をアップして完了になります。
画像はnox noctisさまからいただきます。
▼DIVタグ挿入 参考記事
■エントリー画面での「DIV」挿入 by Project MultiBurstさま
こちらもHTML特殊文字の変換とかと同じようなカスタマイズです。
分かってしまえば自分でも必要なものは作れそうですね。
こちらもmt.jsとedit_entry.tmplを編集するだけです。
mt.js
tmpl/cms/edit_entry.tmpl
本文(body)に入れる場合、先ほどと同じように186行目前後に
追記(extend)に入れる場合、213行目前後あたりに
と記述します。
あとは先ほどと同じように2つのファイルをアップし、画像をmt/image にアップして完了です。画像はProject MultiBurstさまからいただきます。
これでエントリー本文にDIVタグを挿入できるようになります。楽になるかな~♪
■HTML特殊文字を変換する by nox noctis
■エントリー画面でのHTMLの特殊文字変換 by Project MultiBurst
<> などを <> に変換する方法です。DWでやってもいいのですが、こっちでやれた方がいいかな~と。編集するのは
・mt.js
・mt/tmpl/cms 内にある edit_entry.tmpl
この二つのファイル。念のためにコピーを取っておいてください。
mt.js を編集します。Ver3.17の場合なら153行目くらいにあるformatStr 関数の上か下あたりに以下の関数を追加します。
function formatChars(e) {
if (!canFormat) return;
var str = getSelected(e);
if (!str) return;
tmp = str.split('&').join('&');
tmp = tmp.split('<').join('<');
tmp = tmp.split('>').join('>');
tmp = tmp.split('"').join('"');
setSelection(e, tmp);
return false;
}
※1.5以前の場合は太字の部分が getSelected ではなく getSelection になります。
mt/tmpl/cms 内にある edit_entry.tmpl に追記します。
エントリー本文(body)に入れる場合、186行目前後に
write('<a title="<MT_TRANS phrase="HTMLSpecialChars">" href="#" onclick="return formatChars(document.entry_form.text)"><img src="<TMPL_VAR NAME=STATIC_URI>images/html-chars.gif" alt="<MT_TRANS phrase="HTMLSpecialChars">" width="22" height="16" /></a>');
と記述。
追記(extend)に入れる場合は210行目前後あたりに
write('<a title="<MT_TRANS phrase="HTMLSpecialChars">" href="#" onclick="return formatChars(document.entry_form.text_more)"><img src="<TMPL_VAR NAME=STATIC_URI>images/html-chars.gif" alt="<MT_TRANS phrase="HTMLSpecialChars">" width="22" height="16" /></a>');
と記述します。
編集したら、2つのファイルをアップロードします。
mt/images に html-chars.gif をアップして完了になります。
画像はnox noctisさまからいただきます。
▼DIVタグ挿入 参考記事
■エントリー画面での「DIV」挿入 by Project MultiBurstさま
こちらもHTML特殊文字の変換とかと同じようなカスタマイズです。
分かってしまえば自分でも必要なものは作れそうですね。
こちらもmt.jsとedit_entry.tmplを編集するだけです。
mt.js
function insertDiv(e) {
if (!canFormat) return;
var str = getSelected(e);
if (!str) return;
var my_div = prompt('div class=','');
setSelection(e, '<div class="' + my_div + '">'+ str + '</div>');
return false;
}
tmpl/cms/edit_entry.tmpl
本文(body)に入れる場合、先ほどと同じように186行目前後に
write('<a title="<MT_TRANS phrase="Insert Div">" href="#" onclick="return insertDiv(document.entry_form.text)"><img src="<TMPL_VAR NAME=STATIC_URI>images/html-div.gif" alt="<MT_TRANS phrase="Insert Div">" width="22" height="16" /></a>');
追記(extend)に入れる場合、213行目前後あたりに
write('<a title="<MT_TRANS phrase="Insert Div">" href="#" onclick="return insertDiv(document.entry_form.text_more)"><img src="<TMPL_VAR NAME=STATIC_URI>images/html-div.gif" alt="<MT_TRANS phrase="Insert Div">" width="22" height="16" /></a>');
と記述します。
あとは先ほどと同じように2つのファイルをアップし、画像をmt/image にアップして完了です。画像はProject MultiBurstさまからいただきます。
これでエントリー本文にDIVタグを挿入できるようになります。楽になるかな~♪
Comments
>>showBooさん
はじめまして。参考にさせていただきました(^^ヾ
おかげさまでエントリーの際、けっこう楽に作業できています。ありがとうございました♪
はじめまして。参考にさせていただきました(^^ヾ
おかげさまでエントリーの際、けっこう楽に作業できています。ありがとうございました♪
Posted by Hiimi" title="Click to visit Hiimi's website or send an email">Hiimi at '06/05/14 11:05
TrackBacks
このエントリにトラックバックはありません





参考になれば幸いです(^^;)