如何使CKEditor只读,但仍可格式化?

时间:2017-10-11 18:56:25

标签: ckeditor readonly rich-text-editor richtext formattable

我计划创建一个Web应用程序,用户可以在其中将格式和注释应用于文章(制作书面和视觉注释)并仅保存这些文档。我唯一的问题是用户不能编辑文本,只能格式化。我想使用CKEditor它是一个功能强大的富文本编辑器,但一旦它只读,它就不再是可格式化的。有没有办法绕过它?

1 个答案:

答案 0 :(得分:2)

我在这里提供的恕我直言最佳解决方案实际上是一个黑客,你可以使编辑文档的body元素不可编辑:

var editor = CKEDITOR.replace( 'editor1', {
    language: 'en'          
});
editor.on( 'contentDom', function() {
    editor.document.getBody().setAttribute( 'contenteditable', false );
});

但请注意,虽然您可以将文字加粗或将段落更改为例如blockquote甚至撤消某些更改,您无法使用编辑器插件插入任何内容(如表格或图像),如果您使用NewPage插件编辑器将为空,将无法在其中编写或插入任何内容所以插件的选择在这里至关重要。