PR(記事内にアフィリエイト広告が含まれています)
スポンサーリンク
Nucleus

Nucleusで編集ボタン追加

Nucleus FAQ (仮) のこの記事を参考に、ボタンを増やしたり置き換えたりしてみました。


blockquoteボタンに関してはこちらの記事だと逆にうまくいかなかったので、こちらの記事の通りにしました。何か環境の違いでもあるんでしょうか*1
簡単に書き記しておくと、 edit.js にfunctionを追加し、 PAGEFACTORY.php にて$this->_jsbutton(〜)を追加、といった感じですね。
個人的なメモになるんですが、ahref2This() というのをahrefThis() の下のほうに作ってるので、他の関数類と離れてて忘れがちなので要注意。あとahrefThis()に外部ターゲット増やしてるのも忘れがちか。
変更後のボタンは↓のようになりました。
ボタン
一番左の3つは関数名などはそのままにして、edit.jsファイル内のタグの内容と画像だけ書き換えました。imgタグを挿入したかったので、下記のようにタグの挟み込みの部分は記述しなければ普通に動きました。

function cutThis() { insertAroundCaret('<img alt="●" src="./img/d/●.jpg">',''); }

あとは置き換えたり増やしたり位置を変えたり、といった感じです。リンクは外部リンクが多いので、ターゲット要素を追加させたものを新たに作ったりしています。
あとついでに記事編集画面の項目の順番や横幅などを変更するため libs/includes/admin-add.template や同ディレクトリの admin-edit.template の内にある cols と rows (本文と続きで各々二箇所ずつ)を弄ったりしました。他にはプレビュー時の横幅変更のため、 text(_ADD_PREVIEW) の下にある td タグに幅指定をしたりしました。

  • 注1 : この記事を書いたバージョン3.15の時点ではこうだったのですが、3.21にアップグレードは逆に前者の記事にしないと上手くいきませんでした。不思議。

コメント

タイトルとURLをコピーしました