NP_ToolbarButtons 0.3
Katsumiさんが作ってくれたヤツをベースに、ボタンメーカーを添付してみました。
ただし、将来のNucleusのバージョンアップに対応する保証はありません。
(ハードコーディングされたツールバー生成部分の置換挿入のため)
ダウンロードはこちらから。
標準ツールバーの上と下にボタンが追加できます。
スペーサーは今のところ実装していません。
ボタンの追加はプラグインオプションの画面で定義します。
↓オプション画面(クリックで拡大)
テキストエリアで選択した文字列の前後にタグなどを挿入するボタンと、カーソル位置に定義した文字列を挿入するボタンが自動で作成できます。
値を入力
→「コードを生成」ボタンを押す
→「Beforeに追加」ボタンを押す
→オプションの保存
→新規投稿/編集ページでボタンが増えたことを確認
という手順です。
下の行にある特殊文字の置換ボタンはインストール時に付属しています。
もちろん、自分でjavascriptのfunctionを用意して、それを使うボタンを登録することもできます。
投稿画面のツールバーにもボタンの編集ページへのリンクがついています。
ボタン編集の画面は、ウィンドウの横幅を広げないと2列になりません。
(float指定なので幅が足りないと下に落ちる)
javascriptでボタンメーカーを埋め込んでいるので、ブラウザによっては正しく動作しない可能性があります。IE6で動作確認済みです。
以下はサーバ移転前に頂いたコメントです。
◆2006-03-30 23:26 藤咲
ばっちりでございます。Firefox1.5.0.1で確認いたしました。
A: 選択中の前後にタグ等を挿入する
に加えて
「選択していないときはポップアップがでる(Aタグ挿入と同じ動作)」ができるのが加わると最高だなぁなんて贅沢を思ったりしますが、贅沢はもうしません(もう言ってる)
ちなみに前に使っていたボタンイメージがあったので、
<img src="images/button-blockquote.gif" alt="" height="16" width="16">
としてやったらちゃんとボタンがでました(^^
◆2006-03-31 11:31 まみお
そうそう。
ボタン表示用テキストにそうやってタグ書けば画像ボタンもできまっす。
Firefoxでの動作確認報告ありがとうございました。
ポップアップねぇ。
覚えていたらやってみます。
◆2006-03-31 12:27 まみお
できますた。
まず、『Optional Javascripts Codes』に
function insertAroundCaretPrompt(textpre, textpost) {
if (isCaretEmpty()) {
text = prompt("Text to display ?","");
var textpre = textpre + text ;
}
insertAroundCaret(textpre, textpost);
}
を入れる。
次にAタイプで生成したコードのfunction名を
『insertAroundCaret』→『insertAroundCaretPrompt』
に変更してから追加する。
(もしくは既存ボタンをoption指定エリアで編集)
これでどうでしょう?
◆2006-03-31 14:23 藤咲
おお、完璧です。
これをCとして最初のメニューに追加してあるときっと皆喜ぶんではないかと…。
◆2006-03-31 20:52 Katsumi
こんにちは。便利ですね〜これ。早速使わせて頂いています。これを使えば、新しいボタンがバシバシ作れそう。
ところで、私の書いた部分で一カ所恥ずかしい部分があるのですが(機能上は全く問題ないですが)、修正情報を出させて頂いていいですか?
◆2006-04-02 06:13 としき
おはようございます。
NP_ToolbarButtons 0.3使わせていただきましたが 激しく便利です。
三日ほど前に テンプレートがらみの記事を書いたときに「あ・・&ltとかの変換面倒だな」とか 思った直後だったので 非常にタイムリーでうれしいです(笑
と いうことで 動作報告を!
Linux版の firefox1.5 及び mozilla1.7.8 opera8,52 ,Konquerorでも 全く問題なく動作します。
◆2006-05-12 10:11 pushman
こんにちは。
先程導入させてもらいました。猛烈便利です。
ということで、Mac で動作確認しました。
OS は 10.4.6
Safari 2.0.3、Firefox 1.5.0.3、Opera 8.54
でとても快調に動作しております。
有用なプラグインの数々、ありがとうございます。
◆2006-05-13 06:15 サクラキャンドル
わたしも先日から使い始めました。
IE6で動作していますが、
<div class="ni-img"></div>
のように、「"」を含むコードを挿入刺せようとすると、正しくボタンが表示されず、動作しません。
現在は
<div class=ni-img></div>
というコードを挿入するよう変更して使っていますが、「"」を含むコードを挿入するにはどうしたらよいでしょう?
◆2006-05-13 15:48 藤咲
私も悩みましたが、実体参照を使うとOKです。
<div class="ni-img"></div>
でいけると思います。
◆2006-05-14 21:28 サクラキャンドル
ありがとうございます。
早速試して見たところ、問題なくコードを挿入できそうです。助かりました。
◆2006-05-15 22:54 DNA
はじめまして、先日から使わせていただいています。上に「"」の場合は実体参照で回避できるというお話がありますが、「'」を使いたい場合は実体参照がないですし難しいでしょうか。
Posted 03/30/06 by nakahara21 | Filed under: プラグイン
Comments
Add Comment