futuremix

MovableType のエントリー編集画面には、IE では表示されるが Mozilla では表示されないボタンがあります。MT に無くてもココログでは Mozilla でも表示されるので、できるだろうと思っていたら、このボタンを有効化する方法がありました。

tmpl/cms/edit_entry.tmpl というファイルを編集します。下記のコードを 392 行目あたりの </script> の後に加えます。

  <TMPL_IF NAME=AGENT_MOZILLA>
  <table border="0" cellspacing="0" cellpadding="0" width="107">
  <tr>
  <td width="24"><a href="javascript:wrapSelection('b')">
    <img src="<TMPL_VAR NAME=STATIC_URI>images/bold-button.gif" alt="bold" width="24" height="18" border="0"></a></td>
  <td width="24"><a href="javascript:wrapSelection('i')">
    <img src="<TMPL_VAR NAME=STATIC_URI>images/italic-button.gif" alt="italic" width="24" height="18" border="0"></a></td>
  <td width="24"><a href="javascript:wrapSelection('u')">
    <img src="<TMPL_VAR NAME=STATIC_URI>images/underline-button.gif" alt="underline" width="24" height="18" border="0"></a></td>
  <td width="26"><a href="javascript:insertMozLink()">
    <img src="<TMPL_VAR NAME=STATIC_URI>images/url-button.gif" alt="link" width="26" height="18" border="0"></a></td>
  </tr>
  </table>
  </TMPL_IF>

また、155 行目付近に次の JavaScript コードを加えます。

<TMPL_IF NAME=AGENT_MOZILLA>
function getSelectStart(s) {
    return s.selectionStart;
}
function getSelectEnd(s) {
    return s.selectionEnd;
}
function getTextLength(s) {
    return s.textLength;
}
function getMozSelection(s) {
    return (s.value).substring(getSelectStart(s), getSelectEnd(s))
}
function setMozSelection(a,z) {
    s.selectionStart = a;
    s.selectionEnd = z;
}
function wrapSelection(v) {
    var s = document.forms['entry_form'].text
    var s1 = (s.value).substring(0,getSelectStart(s))
    var s2 = (s.value).substring(getSelectEnd(s),getTextLength(s))
    s.value = s1 + '<' + v + '>' + getMozSelection(s) + '</' + v + '>' + s2
}
function insertMozLink() {
    var s = document.forms['entry_form'].text
    var s1 = (s.value).substring(0,getSelectStart(s))
    var s2 = (s.value).substring(getSelectEnd(s),getTextLength(s))
    var my_link = prompt('Enter URL:', 'http://')
    if (my_link != null)
        s.value = s1 + '<a href="' + my_link + '">' + getMozSelection(s) + '</a>' + s2
}
</TMPL_IF>

これでボタンが利用できるようになりました。MT のバージョンアップの度に書き換えないといけないのが面倒ですが。

ちなみに、私は B や I などの物理要素は利用しませんので、strong や em, それに頻繁に使う kbd, cite を使えるように変更しています。
ボタンも削除してリンクにしました。

<TMPL_IF NAME=AGENT_MOZILLA>
<table border="0" cellspacing="4" cellpadding="0" width="107">
<tr>
<td width="24"><a href="javascript:wrapSelection('strong')" accesskey="s">Strong</a></td>
<td width="24"><a href="javascript:wrapSelection('em')" accesskey="m">eM</a></td>
<td width="24"><a href="javascript:wrapSelection('kbd')" accesskey="k">Kbd</a></td>
<td width="24"><a href="javascript:wrapSelection('cite')" accesskey="c">Cite</a></td>
<td width="26"><a href="javascript:insertMozLink()" accesskey="l">Link</a></td>
</tr>
</table>
</TMPL_IF>

これで、Alt + S などのショートカットキーを使って入力できます。
とても便利です。

3月24日

続きを書きました: MozillaでMTの編集ボタンその2

5月6日

さらに続きを書きました。ボタンを使った後にキャレット位置が先頭に戻ってしまう不具合を修正し、検索機能をつけました。