在TinyMCE中保存替换变量，但在可视化编辑器

Question

我希望为CMS中的内容添加更多灵活性。

我真的希望能够在幕后使用TinyMCE中的替换变量，就像这样（大规模简化）：

Check out my cool image
[img:cool_image.jpg]
Isn't it great

然后，当内容在前端呈现时，我们的服务器会进行查找和替换并生成：

Check out my cool image
<img src="//images/cool_image.jpg">
Isn't it great

但我希望TinyMCE编辑器能够渲染替换，以便我们的用户在编辑内容时可以看到图像。

它当然会保存为：

Check out my cool image
[img:cool_image.jpg]
Isn't it great

我正在努力的步骤是让TinyMCE以不同的方式显示和保存。

这可能吗？或者是否有插件可以这样做？

Answer 1

当您拥有TinyMCE中的内容时，如果您想要渲染图像，则需要它是有效/格式良好的HTML。

我认为您需要做的只是在您准备好将其保存在应用程序中时截取内容，并使用示例中的方括号版本替换实际图像标记。这项工作很可能已经完成

• 作为保存内容的表单帖子的一部分
当您将数据重新加载到TinyMCE 时，
• 作为从数据库中获取内容的一部分（这可能与您在运行时呈现内容时所做的转换相同）

如果您需要将内容重新加载回TinyMCE以供稍后编辑，则需要将方括号语法转换回实际HTML，以便TinyMCE可以正确呈现内容。没有插件可以作为TinyMCE的一部分来执行此操作......但我不知道您确实需要将其创建为TinyMCE插件。它实际上只是应用程序中的代码，用于在保存或提取内容以加载到TinyMCE时处理内容操作。