CKEditor可以显示一些HTML，同时将其保存为其他内容吗？

Question

我想调整我的CKEditor，以便在编辑图像或其他对象时，它会在编辑器视图中显示这样的内容

<figure style="float: left">
  <img src="sample.jpg" />
  <figcaption>Caption</figcaption>
</figure>

在保存时，它应该将此部分转换为其他内容，例如

<node id=3 />

CKEditor是否对此有任何支持，可能通过Widget，dataProcessor或其他方式？

Answer 1

简短回答 - 是，可以使用CKEDITOR.dataProcessor来完成。

首先要注意的是，如果您使用widgets system（您会对image2插件感兴趣），那么您就可以使用downcasting来转换字幕图片进入你想要的任何东西类似的事情在Drupal 8中完成，因为Drupal将标题图像保存为<img src=".." data-caption=".." ..>。 （注意：Drupal 8使用image2插件，但它会覆盖某些内容，例如向下转换方法。）

提到的CKEDITOR.dataProcessor与小部件系统之间的关系是小部件系统使用数据处理器来执行小部件的向上转换和向下转换。上传意味着发现应该变成小部件的元素，并对加载的数据执行必要的转换。向下倾斜是相反的。

您也可以在不使用小部件的情况下使用数据处理器。你可以这样做：

• 使用filter.addRules()和editor.dataProcessor.htmlFilter过滤器上的editor.dataProcessor.dataFilter方法，
• 或使用editor.toDataFormat和editor.toHtml事件挂钩到更高级别的数据处理。