Question

我正在研究一个简单的TinyMCE插件，该插件显示从大量HTML填充的图像。

插件的JS在这里：

您可以看到在以下行中定义了HTML：

return a = "<div style='width:400px;'>...

单击插件图标时，将呈现HTML，但是由于某些原因，图像无法换成父级400px div的宽度。

这是此处的示例页面：

单击狗工具栏图标以查看问题。

但是，如果我查看单击狗图标时呈现的HTML，则图像确实可以正常包裹。

为此渲染的HTML显示在上方测试页的底部，显示了图像的包装效果。

我想知道是否有任何方法可以解决此问题？

Answer 1

TinyMCE的皮肤具有用于管理编辑器内容的CSS，其中一部分是此CSS：

white-space: nowrap;

您可以使用内联CSS对div元素进行覆盖，也可以通过content_css将CSS传递给编辑器，也可以对其进行覆盖。请注意，您可能希望定位到特定的div元素，否则可能会覆盖该外观CSS从而遇到其他问题。