打开插件时的Tinymce插件图片不要包装到父插件的宽度

Question

我正在开发一个简单的TinyMCE插件，它显示从一大块HTML中填充的图像。

插件的JS在这里：

nature/plugin.min.js

您可以看到HTML定义在开头的行中：

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

当单击插件图标时，会呈现HTML，但由于某种原因，图像不会包装到父文件400 plugin的宽度。

这里是示例页面：

https://emojinode.com/test.html

单击“狗”工具栏图标查看该问题。

但是，如果我查看在单击狗图标上呈现的HTML，则图像会很好地包装。

呈现的HTML显示在上面测试页面的底部，显示了图像是如何包装得很好的。

我想知道有什么办法可以解决这个问题吗？

Answer 1

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

white-space: nowrap;

您可以用内联CSS覆盖div元素，也可以通过覆盖此元素的content_css将CSS传递给编辑器。请注意，您可能希望针对特定的div元素，或者通过覆盖该皮肤CSS而遇到其他问题。