≪HOME(21世紀のアフィリエイト通販生活)

Decodeボタンを付けてみる!~MovableTypeエントリー投稿時

タグやコードを紹介する時の< >を変換してくれるDecodeボタンを投稿画面に付けてみました。MovableType 3.2以降用です。
参考にしたのはこちらです。
3.17でのDecodeボタン
Decodeボタンをつける

MovableTypeをインストしたフォルダにあるtmpl/cms/edit_entry.tmpl、bm_entry.tmplを開いて、次の箇所を探します。

write('<a title="<MT_TRANS phrase="Bold">"

edit_entry.tmpl でふたつ、bm_entry.tmpl でひとつ見つかる筈です。

これの上に以下の行を挿入します。

write('<a title="<MT_TRANS phrase="Decode">" href="#" onclick="return Decode(document.entry_form.text)"><img src="<TMPL_VAR NAME=STATIC_URI>images/html-decode.gif" alt="<MT_TRANS phrase="Decode">" width="22" height="16" border="0" /></a>');

edit_entry.tmplの二つ目だけは青字部分を、document.entry_form.text_more に変更します。

因みにedit_entry.tmpl は通常のエントリー投稿画面で使うもので、二つあるのは一つめが通常投稿する部分で(body)、二つ目は追記(more)に使われるものです。bm_entry.tmpl の方はクイック投稿(クイックポスト、QuickPost)の投稿ウィンドゥで使います。

次にmtフォルダのmt-static/mt_ja.jsを開き、

function formatStr (e, v)

がある辺りに次の関数をペースト!

function Decode(e) {
if (!canFormat) return;
var str = getSelected(e);
if (!str) return;
str = str.replace(new RegExp("&","g"), "&amp;");
str = str.replace(new RegExp("<","g"), "&lt;");
str = str.replace(new RegExp(">","g"), "&gt;");
str = str.replace(new RegExp('"',"g"), "&quot;");
str = str.replace(new RegExp('  ',"g"), "&nbsp;&nbsp;");
str = str.replace(new RegExp('&nbsp; ',"g"), "&nbsp;&nbsp;");
setSelection(e, str);
return false;
}

最後にDecodeボタン画像をインストフォルダのmt-static/imagesにアップして完了です。自分で画像作る場合は、アップする時に画像の名前間違えないようにね!

これでエントリー編集画面にデコードボタンが追加されます。
decode-button.gif

デフォルトのボタンが気に入らないのでアップとリンク、blockquoteボタンも変更してみました。こんなのです。
html-file.gifhtml-link.gifhtml-quote.gif

投稿者 Locutus : 2004年12月31日 16:20 EDIT   カテゴリ⇒ MovableTypeカスタマイズ

この記事のトラックバックURL :
トラックバック

管理画面にボタン追加 3.151ja from : : useful days* ? : :
リンクにtarget="_blank"をつける 今日の覚え書きさま〜Movabl... [続きを読む]

トラックバック時刻: 2005年03月30日 07:24

[u*] カスタマイズ target="_blank"、decode、コメント投稿者を別窓で from : : useful days* ? : :
カスタマイズ続いてます。。。 リンク属性にtarget="_blank"をつける... [続きを読む]

トラックバック時刻: 2006年01月14日 18:20

デコードボタンをつける。 from Weblog * raison detre
タグを記載する時に、を&lt;や>と書かないとうまく表示が出来ないが、い... [続きを読む]

トラックバック時刻: 2006年03月18日 14:40

≪HOME(21世紀のアフィリエイト通販生活)

王冠 ナンバー1の稼ぎ頭 王冠

エーハチ・ネット

一番複数サイトがある場合は、同じアカウントのまま簡単追加!広告コード取得が簡単なのでも有名です。

最近の記事
エックスサーバーのメリット
エックスサーバーのデメリット
エックスサーバーがMovableTypeのインストールマニュアルを公開
ノートン・インターネットセキュリティ
レッチリ~ダニー カリフォルニア♪
最近のトラックバック&コメント
カテゴリー
月別アーカイブ[過去記事]
BlogPeople
自分のリンクリストに登録する!
ブログ作成・お役立ちリンク
ブログの記事&タイトル考察リンク