3

コンテンツの編集には TinyMCE 4 を使用しています。クリックするとテーブルに行を追加するカスタム ボタンを追加する必要があります。

TinyMCE 4 にはそれを行う機能がありますが、それを呼び出す方法がわかりません。で試してい$('#myTable tr:last').after('<tr></tr>');ます。

これが例です。

<script type="text/javascript">
    tinymce.init({
        selector: "textarea",
        toolbar: "mybutton",
        setup: function(editor) {
            editor.addButton('mybutton', {
                text: 'My button',
                icon: false,
                onclick: function() {
                    $('#myTable tr:last').after('<tr></tr>');
                }
            });
        }
    });
</script>
4

2 に答える 2

2

テーブル内にカーソルを置いて、コードを次のように変更できます。

setup: function(editor) {
    editor.addButton('mybutton', {
        text: 'My button',
        icon: false,
        onclick: function() {
            editor.execCommand('mceTableInsertRowAfter', false, editor);
        }
    });
}

例を参照してください - tinyMCE フィドル

于 2013-07-04T08:43:56.113 に答える
2

>>しかし、私はそれを呼び出す方法がわかりません。

ツールバーにボタンを追加して、エディタにボタンを追加します -

      tinyMCE.init({
            ...
            toolbar1 : 'mybutton'
      });
于 2013-07-06T05:43:01.893 に答える