Tinymce作为电子邮件编辑器-使用CID进行图像预览

我使用Tinymce作为电子邮件编辑器。将嵌入图像作为附件插入时，图像将作为以下内容插入：

这对电子邮件发送部分有效，但当然不适用于编辑器。图像不显示

问：Tinymce中是否有一个“内容”和“显示”层，我可以在其中进行连接

我的目标是将内容另存为

并在编辑器窗口中将其转换为

---

我使用的是Tinymce 4。

编辑器依赖浏览器来呈现HTML，因此类似于您的

的任何内容都不会在编辑器中呈现-它根本不是有效的HTML

您可以依靠HTML中的

data xxx

属性来存储您真正需要的数据，并在将HTML加载到TinyMCE时对其进行转换

例如

当有人插入图像时，您可以创建以下HTML

<img data-src="cid:mycid@sth" src="/mypreview/image/2000" />

…这将允许编辑器在您仍保留所需数据的情况下实际渲染图像。当您保存内容时，您可以删除现有的

src

数据，并将

数据src

内容复制回

src

，如果这是您的应用程序服务器端处理所需的内容

---

如果有人编辑了内容，您只需颠倒过程，将

src

更改回TinyMCE可以呈现的HTML即可

Im通过使用事件系统和使用

editor.dom.select（'img'）计算编辑器dom取得了一些成功。这基本上只是更改显示层而不更改实际内容吗？