打开插件时的 Tinymce 插件图像不会换行到父级 div 的宽度

Tinymce plugin images on opening plugin don't wrap to width of parent div

我正在开发一个简单的 TinyMCE 插件，它可以显示从 HTML.

的一大块图像中填充的图像

插件的JS在这里：

https://emojinode.com/assets/includes/tinymce/plugins/twemoji_svg_nature/plugin.min.js

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

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

单击插件图标时，会呈现 HTML，但由于某些原因，图像不会换行至父级 400px 的宽度 div。

这是此处的示例页面：

https://emojinode.com/test.html

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

但是，如果我查看单击狗图标时呈现的 HTML，图像会很好地环绕。

在上面的测试页面底部显示了渲染的 HTML，显示了图像如何很好地环绕。

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

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

white-space: nowrap;

您可以使用内联 CSS 为您的 div 元素覆盖它，或者您可以通过 content_css 将 CSS 传递给编辑器，这也会覆盖它。请注意，您可能希望针对特定的 div 元素，或者您可能 运行 通过覆盖该皮肤 CSS.

进入其他问题