如何向 Tinymce 中的默认图像标签添加额外标签
How to add an extra tag to the default images tag in Tinymce
在 Tinymce 我想插入默认的 <img ... > tag 到另一个额外的 tag 到集中图像并添加额外的 class 以在我的内容中创建可缩放图像。
默认情况下 Tinymce 在添加新图像时创建以下 html 代码：
<p> <img ... > </p>
我想要和需要的是这样的：
<div class='zoomable content-img'> <img ... > </div>
如何在 Tinymce 中实现它？
一种选择是监听 BeforeSetContent 事件。然后，如果即将出现的内容是 <img/> 标记，您可以在事件处理程序中将其替换为 HTML 标记的包装版本。
这里有一个 Tiny Fiddle 展示了一个简单的（即，在 img 标签检查方面不是很稳健）概念验证示例：
http://fiddle.tinymce.com/CQgaab/2
以下是有关 BeforeSetContent 事件的更多信息：
https://www.tiny.cloud/docs/advanced/events/#beforesetcontent
在 Tinymce 我想插入默认的 <img ... > tag 到另一个额外的 tag 到集中图像并添加额外的 class 以在我的内容中创建可缩放图像。
默认情况下 Tinymce 在添加新图像时创建以下 html 代码：
<p> <img ... > </p>
我想要和需要的是这样的：
<div class='zoomable content-img'> <img ... > </div>
如何在 Tinymce 中实现它？
一种选择是监听 BeforeSetContent 事件。然后，如果即将出现的内容是 <img/> 标记，您可以在事件处理程序中将其替换为 HTML 标记的包装版本。
这里有一个 Tiny Fiddle 展示了一个简单的（即，在 img 标签检查方面不是很稳健）概念验证示例： http://fiddle.tinymce.com/CQgaab/2
以下是有关 BeforeSetContent 事件的更多信息： https://www.tiny.cloud/docs/advanced/events/#beforesetcontent