Question

在 Tinymce 中，我想将默认的<img ... > 标签插入另一个额外的 tag 中，以集中化图像并为在我的内容中创建可缩放的图像。

默认情况下 Tinymce 在添加新图像时会创建以下html代码：

<p> <img ... > </p>

我想要和需要的是这样的：

<div class='zoomable content-img'> <img ... > </div>

如何在 Tinymce 中实现此功能？

Answer 1

一种选择是监听BeforeSetContent事件。然后，如果即将到来的内容是<img/>标记，则可以在事件处理程序中将其替换为HTML标记的包装版本。

下面是一个小提琴，显示了一个简单的（例如，在img标签检查方面不是很健壮的）概念证明示例： http://fiddle.tinymce.com/CQgaab/2