How to Set Ckeditor ReadOnly Mode

最新推荐文章于 2024-01-22 15:12:02 发布

weixin_30446613

最新推荐文章于 2024-01-22 15:12:02 发布

阅读量160

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/mouseleo/p/10095775.html

本文介绍CKEditor中实现编辑器内容的只读与可编辑状态切换的方法，包括使用setReadOnly()方法、配置CKEDITOR.config.readOnly选项以及通过设置<textarea>元素的disabled属性。同时展示了只读模式下的编辑器特性。

CKEditor API makes it possible to render the editor content read-only (and thus impossible for the user to edit). Some editor features that will not cause the user to modify the content will still be available, though. This includes, for example, the view of the content source code or features such as preview and editor interface maximization within the browser window.

The most crucial element of the API is the setReadOnly() method which puts the editor into the read-only state and restores it to the editable state.

When the editor goes from the editable into the read-only state, its readOnly property is being set to true (for read-only mode) or false (for editable mode). The readOnly event is also fired after each change of the readOnly property.

This is what CKEditor looks like when it is in read-only mode.

Read-Only Mode on Startup

CKEditor can be configured to open in the read-only mode on startup by setting the CKEDITOR.config.readOnly configuration option to true. For example: