javascript - 在 CKEditor 中添加单行换行符的按钮

Question

我正在开发一个插件以在 CKEditor 工具栏上显示“下一行”按钮。但是当我开始打字并按下下一行按钮时，单击一下就不起作用，即我必须单击两次才能转到下一行。

我正在使用 CKEditor 4。

我应该做些什么才能通过单击转到下一行。谁能帮我解决这个问题？

这是我的plugin.js代码

 CKEDITOR.plugins.add('newline',
{
    init: function (editor) {

        var pluginName = 'newline';

        editor.ui.addButton('newline',

            {
                label: 'New Line',
                command: 'NewLine',
                icon: CKEDITOR.plugins.getPath('newline') + 'images/new_line.png'
            });

       var cmd = editor.addCommand('NewLine', { exec: showNewLine });

    }

});

function showNewLine(e) {

   e.insertHtml('<br />');

   // Here if I replace the above line with  e.insertHtml('<br />&nbsp;'); it will work fine but is adding an extra space at the beggining of each line.

}

我只需要一个按钮(单击时)，它的工作方式与 ckeditor 中的 Shift+Enter 完全相同。

Answer 1

你的按钮应该执行 shiftEnter命令。它比仅仅插入 <br /> 复杂得多.

editor.execCommand( 'shiftEnter' );