1

Wordpress 用のカスタム TinyMCE ボタンを作成しています。Javascript コードの一部は次のようになります。

(function() {
    tinymce.create('tinymce.plugins.Green', {
        init : function(ed, url) {
            ed.addButton('green', {
                title : 'Prompt Text',
                image : url+'/images/btn_green.jpg',
                onclick : function() {                    
                    var prompt_text = prompt("Green Button", "Green Button Text");
                    var caret = "caret_pos_holder";
                    var insert = "<div>" + prompt_text + "</div><span id="+caret+"></span>";
                    if (prompt_text != null && prompt_text != 'undefined')
                    {
                        ed.execCommand('mceInsertContent', false, insert);
                        ed.selection.select(ed.dom.select('span#caret_pos_holder')[0]); //select the span
                        ed.dom.remove(ed.dom.select('span#caret_pos_holder')[0]); //remove the span
                    }
                }
            });
        },
        createControl : function(n, cm) {
            return null;
        },
    });
    tinymce.PluginManager.add('green', tinymce.plugins.Green);
})();

prompt_text 関数を削除し、ウィンドウが表示され、ユーザーがリスト内のオプションの 1 つを選択できるラジオ ボタン リストを追加したいと考えています。また、各リスト項目には一意のinsert. これはどのように可能ですか？

たとえば、ウィンドウにはTea、Coffee、Waterの 3 つのオプションのリストが表示されます。

ユーザーがコーヒーを選択した場合、テキストを挿入する必要があります: Coffee wakes you up.

Javascript に関する私の知識は非常に限られているため、これを解決できません。ただし、これはjQueryフォームを作成することによってのみ可能であると思いますか?

4

1 に答える 1

0

このためには、独自のプラグインを作成する必要があります。開発者の tinymce ビルドを確認し、ソース コード、特に searchreplace プラグインを確認する必要があります。このプラグインは tinymce ポップアップを使用し、ユーザーはいくつかの設定を選択できます。そのプラグインをコピーし、必要に応じて調整し、不要なものをすべて削除することをお勧めします。

于 2012-09-10T10:32:01.850 に答える