アイテム編集画面のボタンを追加するには

January 06, 2004

nucleusでアイテムを追加するとき、いちいちタグを書くの面倒ですよね。そういうときは、タグを入力するボタンを追加してしまいましょう。例として、blockquoteタグを入れるボタンを作ってみます。

javascriptフォルダの中のedit.jsを開いて、
function blockquoteThis() { insertAroundCaret('<blockquote>','</blockquote>'); }
という一文を追加し、nucleusで自分が使っている文字コードで保存します。
次に、libsフォルダのPAGEFACTORY.phpを開きます。244行目の“// shows the javascript button bar”以降がボタン関係の記述があるところです。266行目と299行目の2箇所*1
$this->_jsbutton('blockquote',"blockquoteThis()","引用タグ");
と追加し、自分が使っている文字コードで保存します。

あとは、編集画面で表示するボタンを16×16のgifフォーマットで作り、button-blockquote.gifという名前でimagesフォルダへ入れればおしまいです。もしボタンが押せない場合は、保存するときに文字コードを間違えていないか確認してください。
ボタンをPNGにしたいとか、サイズを変えたい場合は、PAGEFACTORY.phpの354行目あたりに
function _jsbutton($type, $code ,$tooltip) {
?>
 <span class="jsbutton"
  onmouseover="BtnHighlight(this);"
  onmouseout="BtnNormal(this);"
  onclick="<?=$code?>" >
  <img src="images/button-<?=$type?>.gif" alt="<?=$tooltip?>" width="16" height="16"/>
 </span>
<?
}
というボタンの画像を定義しているところがあるので、この部分を変えてください。
  • 注1case0とcase2の両方に追加する必要があります
Posted by chihiro at 10:47 pm | from category: nucleus

Comments

googleから来た人:

丁寧な解説でありがたいです。
なかなか、どんぴしゃな説明がなくて困っていました。これで快適に編集できそうです。
(on February 07, 2007 at 06:23 pm)
COMMENT投稿フォーム
:

:
: