如何自定义CK编辑器的输出?

时间:2020-07-22 06:54:14

标签: html css ckeditor5

我刚刚尝试了CK Editor 5的最小构建。

enter image description here

当我检查输出代码时,我了解到CK编辑器只是将“段落”包装为“ p”标签,将“标题1”包装为“ h2”标签,将“ B”包装为“ strong”标签。我正在使用CSS跨浏览器重置,作为BEM追随者,我不使用标签选择器,因此按标签包裹文本不会改变外观。

概念解决方案

  1. 为可编辑的内容创建包装,并为可编辑的文本设置后代选择器:
.CKEditorOutput p {
  /* paragraph styles */
}

.CKEditorOutput h2 {
  /* heading 2 styles */
}

我觉得这里有很多陷阱。 如果是这样,请教我。

  1. 设置CK编辑器,以将某些标签添加到段落,标题等中。如果可能,请教给我相应的API。

0 个答案:

没有答案