ひとりごと

BOOKMARKLETを使ってみよう

by すちゃらか素材集さん

これを導入してみたのですが、今までココでも紹介した「リンクを「target="_blank"」へ」と
「blockquoteの簡略化」が反映されていなくちょっと使いづらかったので
これにも反映するようにしました。

例の14個のボタンを1列に並べますと、かなり右寄りになりましてポップアップのウィンドからハミ出し
右へスクロールしないと出てこなく不便でしたので2段としましたです。

リンクを「target="_blank"」へ

　/tmpl/cms/bm_entry.tmpl ファイルの136行目を

document.selection.createRange().text = '<a href="' + my_link + '" target="_blank">' + str + '</a>';

blockquoteの簡略化

　/tmpl/cms/bm_entry.tmpl ファイルの319〜334行目を

<td width="98" align="right" valign="top">
</td>
</tr>
<tr>
<td colspan="2" align="center" valign="top">

<script language="javascript">
if (document.selection) {
document.write('<table border="0" cellspacing="0" cellpadding="0" width="297">');
document.write('<tr>');
document.write('<td width="27"><a href="javascript:formatStr(\'strong\')"><img src="<TMPL_VAR NAME=STATIC_URI>images/strong-button.gif" alt="より強調" width="27" height="27" border="0"></a></td>');
document.write('<td width="27"><a href="javascript:formatStr(\'em\')"><img src="<TMPL_VAR NAME=STATIC_URI>images/em-button.gif" alt="強調" width="27" height="27" border="0"></a></td>');
document.write('<td width="27"><a href="javascript:formatStr(\'h4\')"><img src="<TMPL_VAR NAME=STATIC_URI>images/h4-button.gif" alt="見出し 1" width="27" height="27" border="0"></a></td>');
document.write('<td width="27"><a href="javascript:formatStr(\'h5\')"><img src="<TMPL_VAR NAME=STATIC_URI>images/h5-button.gif" alt="見出し 2" width="27" height="27" border="0"></a></td>');
document.write('<td width="27"><a href="javascript:formatStr(\'h6\')"><img src="<TMPL_VAR NAME=STATIC_URI>images/h6-button.gif" alt="見出し 3" width="27" height="27" border="0"></a></td>');
document.write('<td width="27"><a href="javascript:formatStr(\'blockquote\')"><img src="<TMPL_VAR NAME=STATIC_URI>images/blockquote-button.gif" alt="ブロック引用" width="27" height="27" border="0"></a></td>');
document.write('<td width="27"><a href="javascript:formatStr(\'pre\')"><img src="<TMPL_VAR NAME=STATIC_URI>images/pre-button.gif" alt="プリフォーマットテキスト" width="27" height="27" border="0"></a></td>');
document.write('<td width="27"><a href="javascript:formatStr(\'ul\')"><img src="<TMPL_VAR NAME=STATIC_URI>images/ul-button.gif" alt="リスト" width="27" height="27" border="0"></a></td>');
document.write('<td width="27"><a href="javascript:formatStr(\'ol\')"><img src="<TMPL_VAR NAME=STATIC_URI>images/ol-button.gif" alt="番号リスト" width="27" height="27" border="0"></a></td>');
document.write('<td width="27"><a href="javascript:formatStr(\'li\')"><img src="<TMPL_VAR NAME=STATIC_URI>images/li-button.gif" alt="リスト項目" width="27" height="27" border="0"></a></td>');
document.write('<td width="27"><a href="javascript:formatStr(\'dl\')"><img src="<TMPL_VAR NAME=STATIC_URI>images/dl-button.gif" alt="定義リスト" width="27" height="27" border="0"></a></td>');
document.write('</tr>');
document.write('<tr>');
document.write('<td width="27"><a href="javascript:formatStr(\'dt\')"><img src="<TMPL_VAR NAME=STATIC_URI>images/dt-button.gif" alt="定義する用語" width="27" height="27" border="0"></a></td>');
document.write('<td width="27"><a href="javascript:formatStr(\'dd\')"><img src="<TMPL_VAR NAME=STATIC_URI>images/dd-button.gif" alt="定義の詳細" width="27" height="27" border="0"></a></td>');
document.write('<td width="27"><a href="javascript:insertLink()"><img src="<TMPL_VAR NAME=STATIC_URI>images/url-button.gif" alt="ハイパーリンク" width="27" height="27" border="0"></a></td>');
document.write('</tr>');
document.write('</table>');
} else {
document.write(' ');
}
</script>

また右クリックの「MT It!」で出てくるポップアップウィンドの縦幅が長すぎると感じる時は
　/lib/MT/App/CMS.pmファイルの319行目付近の

my $height = 100;

これを変更した場合は、再度Bookmarkletの再設定をしませんと反映されません。