Tinymce 作为电子邮件编辑器 - 使用 CID 进行图像预览
Tinymce as email editor - image preview with CID
我正在使用 Tinymce 作为电子邮件编辑器。插入嵌入图像作为附件时，图像插入为：
<img src="cid:mycid@sth" />
这适用于电子邮件发送部分 - 但当然不适用于编辑器。图片显示不出来...
问题：Tinymce 中有 "content" 和 "display" 层可以挂接吗？
我的目标是将内容保存为
<img src="cid:mycid@sth" />
并在编辑器中将其转换 window 为
<img src="/mypreview/image/2000" />
我正在使用 Tinymce 4。
编辑器依赖浏览器来呈现 HTML，因此像您的 <img src="cid:mycid@sth" /> 这样的任何东西都不会在编辑器中呈现 - 它根本无效 HTML。
你可以做的是依靠HTML中的data-xxx属性来存储你真正想要的数据，并在你将它加载到TinyMCE中时转换HTML。
例如...
当有人插入图片时，您可以创建以下内容HTML
<img data-src="cid:mycid@sth" src="/mypreview/image/2000" />
...这将允许编辑器实际渲染图像，同时您仍然保留所需的数据。当您保存内容时，您可以删除现有的 src 数据并将 data-src 内容复制回 src 如果您的应用需要进行服务器端处理。
如果有人编辑了内容，您只需反转该过程并将 src 改回 TinyMCE 可以呈现的 HTML。
我正在使用 Tinymce 作为电子邮件编辑器。插入嵌入图像作为附件时，图像插入为：
<img src="cid:mycid@sth" />
这适用于电子邮件发送部分 - 但当然不适用于编辑器。图片显示不出来...
问题：Tinymce 中有 "content" 和 "display" 层可以挂接吗？
我的目标是将内容保存为
<img src="cid:mycid@sth" />
并在编辑器中将其转换 window 为
<img src="/mypreview/image/2000" />
我正在使用 Tinymce 4。
编辑器依赖浏览器来呈现 HTML，因此像您的 <img src="cid:mycid@sth" /> 这样的任何东西都不会在编辑器中呈现 - 它根本无效 HTML。
你可以做的是依靠HTML中的data-xxx属性来存储你真正想要的数据，并在你将它加载到TinyMCE中时转换HTML。
例如...
当有人插入图片时，您可以创建以下内容HTML
<img data-src="cid:mycid@sth" src="/mypreview/image/2000" />
...这将允许编辑器实际渲染图像，同时您仍然保留所需的数据。当您保存内容时，您可以删除现有的 src 数据并将 data-src 内容复制回 src 如果您的应用需要进行服务器端处理。
如果有人编辑了内容，您只需反转该过程并将 src 改回 TinyMCE 可以呈现的 HTML。