时间戳

首页 > 解决方案 > 如何禁用CKeditor

来自修改的标记

jquery - 如何禁用CKeditor

来自修改的标记

问题描述

我在我的 Web 应用程序中使用 CKEditor，需要从 javascript 禁用/启用 html 标签，或者我可以使用 CKEditor 附加组件。

例子

<textarea name="editor1">
<div>
User Can modify this 
</div>

<div class="disabled" readonly="readonly">
           Read only Div
</div>
</textarea>

自定义 JQuery 不起作用

 CKEDITOR.instances['editor1'].on('contentDom', function() {
    this.document.on('click', function(event){
         //your code
        alert('Click Event');
         $('.disabled :input').attr('disabled', true);

     });

标签： jqueryckeditor

解决方案

是的，您可以通过添加占位符插件来创建不可编辑的 div 或段落或任何选定的文本。

https://ckeditor.com/cke4/addon/placeholder

然而，占位符插件需要安装一些其他插件才能工作。当您单击“下载”时，会出现一个模式。在底部它显示了附加依赖项，这些依赖项也需要上传到插件目录，并添加到 config.js 文件中。

// example config.js
config.extraPlugins = "placeholder,widget,lineutils,dialog,clipboard, ... {plus-other-dependent-plugins-as-needed}";

您不需要以任何特殊方式识别 div 或段落或任何其他内容，即 readonly="readonly" 不是必需的。该插件处理它。

推荐阅读