如何在Tinymce中向默认图像标记添加额外的标记
如何在Tinymce中向默认图像标记添加额外的标记
提问于 2020-01-07 17:35:13
在Tinymce中，我希望将默认的<img ... > 标记插入到另一个额外的标记中，以集中图像，并在我的内容中添加创建可缩放图像的额外类。
默认情况下，Tinymce在添加新图像时创建以下html代码：
<p> <img ... > </p>我想要和需要的是这样的东西：
<div class='zoomable content-img'> <img ... > </div>如何在Tinymce中实现这一点？
回答 1
Stack Overflow用户
回答已采纳
发布于 2020-01-07 23:31:59
一种选择是侦听BeforeSetContent事件。然后，如果即将出现的内容是一个<img/>标记，则可以用事件处理程序中HTML标记的包装版本来替换它。
下面是一个很小的Fiddle，它展示了一个概念示例的简单(即，在img标记检查方面不太健壮)的证明：http://fiddle.tinymce.com/CQgaab/2
下面是有关BeforeSetContent事件的更多信息：https://www.tiny.cloud/docs/advanced/events/#beforesetcontent
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/59633393
复制相关文章
相似问题
腾讯云开发者
