富文本编辑器(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&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
完全自定义它
我们正在使用 Umbraco v7.2.1 来提供响应式内容。
当您将媒体库中的图像添加到 tinymce 编辑器时,这是由 tinymce 插入的html:
<img style="width: 500px; height:500px;"
src="/media/1007/jobs-block.jpg?width=500&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
完全自定义它