javascript - 将数据传递给 CKEditor 中的小部件

Question

我制作了一个非常简单的自定义小部件，但是我想通过自定义按钮而不是工具栏按钮将它添加到编辑器中，所以我使用 editor.execCommand("mywidget")。小部件已正确添加，但如何通过此 execCommand 调用将数据传递给小部件？在docs它说 execCommand 的第二个参数用于将数据传递给命令处理程序，但是我似乎无法在调用 execCommand( "mywidget", {paramshere}).

谢谢!

Answer 1

docs已针对 CKEditor 4.5.0 Beta 进行了更新，并且通过命令指定小部件数据的能力是该版本的新功能。

因此，自 CKEditor 4.5.0 Beta 以来，这是(将)可能的:

editor.execCommand( 'simplebox', {
    startupData: {
        align: 'left'
    }
} );

但在此版本之前您需要直接使用Widget API。查看command works now in 4.5.0 Beta如何.代码很多，但大部分是关于打开对话框并在将小部件元素插入编辑器之前处理它(它必须保存在某个地方)。

如果你只想插入一个小部件，那么只需按照 documentation :

var element = editor.document.createElement( 'div' );
editor.insertElement( element );
var widget = editor.widgets.initOn( element, 'simplebox', { align: 'left' } );

如你所见widgetsRepository.initOn()接受数据对象。