富文本编辑器(tinymce)图像 - 如何禁用自动高度和宽度?

Rich text editor (tinymce) images - how to disable auto height and width?

我们正在使用 Umbraco v7.2.1 来提供响应式内容。

当您将媒体库中的图像添加到 tinymce 编辑器时,这是由 tinymce 插入的html:

    <img style="width: 500px; height:500px;" 
src="/media/1007/jobs-block.jpg?width=500&amp;height=500" alt="undefined" rel="1097" />

我真的不想在标签或图片 src 中出现任何 w x h。

我找到了一些关于 tinyMce.config 文件和 validElements 节点的帖子 - 我从 img things 中删除了高度和宽度东西在那里但是没有效果。

如果您打开相关 Richtext 编辑器的数据类型,则会有一个名为 "Maximum size for inserted images" 的设置。默认设置为 500 像素。

如果将其设置为 0,它将禁用任何大小调整。

我想你可以吃蛋糕也可以吃,不需要限制编辑器调整大小。

将以下属性添加到您的 img 元素:max-width: 100%; height: auto !important; 将允许内容编辑者调整其图像的大小,同时使它们响应。

我处理了输出。我通过 javascript 通过 div 删除了高度和包装图像,我可以通过 css

完全自定义它