Ckeditor：我怎样才能在ckeditor中制作像h3，h4，h5这样的标签

Question

Ckeditor：我怎么能在ckeditor中制作像h3，h4，h5这样的标签不可编辑

打开js解决方案或css任何会做

Answer 1

在config.js中，使用以下代码定义CKEditor中允许哪些元素（我删除了h1）：

config.format_tags = 'p;h2;h3;h4;h5;h6;pre;address;div'

Answer 2

protectedSource配置设置是该选项的设置。

  

{Array} CKEDITOR.config.protectedSource

     

要在输入HTML上执行的正则表达式列表，表示必须保持不变的代码。

我不是正则表达式的专家，但这样的事情应该可以解决问题：

config.protectedSource.push(/[^<]*(<h1>([^<]+)<\/h1>)/g);

你可能不得不玩一下。警告：该表单中的正则表达式只会捕获<h1>...</h1>个标记，而不是< h1 >...< /h1>之类的偏差。

Answer 3

您可以向标记添加属性contenteditable = false。 E.g。

ckeditor.insertHtml('<h1 contenteditable="false">Not editable text</h1>');