在Tinymce 中,我想将默认<img ... >
标签插入另一个额外标签以集中图像并添加额外类以在我的内容中创建可缩放图像。
默认情况下, 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