CKEditor ReadOnly 启用工具栏按钮
CKEditor ReadOnly with Enabled Toolbar Buttons
我在 Rails 项目中工作,将 CKEditor 实例设置为 true 以实现只读模式。这很好用。
我的下一步是尝试在工具栏中启用自定义插件按钮,同时将文本区域保持在只读模式。
我在这里找到了一个例子:
https://dev.ckeditor.com/ticket/8959
在插件的定义中描述我可以定义是否 readOnly 可用于设置。
由于此建议,在我的代码中我这样做了:
editor.ui.add('normal_values', CKEDITOR.UI_MENUBUTTON, {
label: 'Reference Ranges',
modes: {wysiwyg: 1},
readOnly: 0,
icon: '<%= asset_path("icons/book-open.png") %>',
onMenu: function () {
var active = {};
for (var p in items)
active[p] = CKEDITOR.TRISTATE_OFF;
return active;
}
});
当我在浏览器中调试时出现 属性
Toolbar Object in Javascript Chrome Debugger
但它仍然没有调出插件。
我不确定还能尝试什么,所以任何建议或帮助都会非常有帮助。
提前致谢
"When defining a command it is possible to mark it as valid for read-only, by setting the readOnly property of the command definition to 1 or true." - 所以你应该尝试将 1/true 设置为 readOnly 属性
这个 属性 readOnly:true 应该在“命令”定义中设置而不是在“按钮”中设置
如果命令是自定义对话框
editor.addCommand( 'LockUI', new CKEDITOR.dialogCommand( 'lockUIDialog' ));
只需附加 属性 readOnly
var cmd=new CKEDITOR.dialogCommand( 'lockUIDialog' );
cmd.readOnly=true;
editor.addCommand( 'LockUI', cmd );
我在 Rails 项目中工作,将 CKEditor 实例设置为 true 以实现只读模式。这很好用。
我的下一步是尝试在工具栏中启用自定义插件按钮,同时将文本区域保持在只读模式。
我在这里找到了一个例子: https://dev.ckeditor.com/ticket/8959 在插件的定义中描述我可以定义是否 readOnly 可用于设置。
由于此建议,在我的代码中我这样做了:
editor.ui.add('normal_values', CKEDITOR.UI_MENUBUTTON, { label: 'Reference Ranges', modes: {wysiwyg: 1}, readOnly: 0, icon: '<%= asset_path("icons/book-open.png") %>', onMenu: function () { var active = {}; for (var p in items) active[p] = CKEDITOR.TRISTATE_OFF; return active; } });
当我在浏览器中调试时出现 属性 Toolbar Object in Javascript Chrome Debugger
但它仍然没有调出插件。
我不确定还能尝试什么,所以任何建议或帮助都会非常有帮助。
提前致谢
"When defining a command it is possible to mark it as valid for read-only, by setting the readOnly property of the command definition to 1 or true." - 所以你应该尝试将 1/true 设置为 readOnly 属性
这个 属性 readOnly:true 应该在“命令”定义中设置而不是在“按钮”中设置
如果命令是自定义对话框
editor.addCommand( 'LockUI', new CKEDITOR.dialogCommand( 'lockUIDialog' ));
只需附加 属性 readOnly
var cmd=new CKEDITOR.dialogCommand( 'lockUIDialog' );
cmd.readOnly=true;
editor.addCommand( 'LockUI', cmd );