アイテム編集画面のボタンを追加するには
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)




