3

TinyMCE エディター (バージョン 4.0.1) を使用しています。エディターのツールバーにチェックボックスを追加しようとしていますが、その方法がわかりません。

通常のボタンについては、addButton関数を使用しました。しかし、チェックボックスなどの他の TinyMCE UI タイプをツールバーに追加する方法に行き詰まっています。

addButton関数のドキュメントには次のように書かれています。

ControlManager によって後で作成されるボタンを追加します。これは、ControlManager を直接処理する必要がなく、ボタンを追加するための短くて簡単な方法です。ただし、より多くの制御が必要な場合は、代わりに ControlManagers ファクトリ メソッドを使用してください。

クラスにしようとしましたControlManagerが、TinyMCE 3.x API にのみ表示されるようです。

解決策の 1 つは、UI Factory の create メソッドを使用して、UI アイテムを TinyMCE エディターの HTML に直接レンダリングすることですが、これは少し面倒に思えます。

tinyMCE.ui.Factory.create({
  type: 'checkbox',
  checked: true,
  text: 'My checkbox'
}).renderTo($('#mce_92-body')[0]);

誰もがより良いアプローチを考えることができますか?

http://www.tinymce.com/wiki.php/api4:class.tinymce.ui.Checkbox およびhttp://www.tinymce.com/wiki.php/api4:method.tinymce.Editor.addButtonを参照してください。

4

1 に答える 1

1

tinymce init メソッド内:

setup : function(ed) {
                    ed.addButton('check', {
                        type:'checkbox',
                        text: 'some descriptive label',
                    });
                },
于 2014-03-06T04:53:31.507 に答える