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

时间:2015-02-05 11:44:15

标签: tinymce umbraco umbraco7

我们正在使用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中使用任何文件。

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

3 个答案:

答案 0 :(得分:11)

如果您打开有问题的Richtext编辑器的数据类型,则会出现一个名为&#34;插入图像的最大大小&#34;的设置。默认设置为500像素。

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

答案 1 :(得分:0)

我认为你可以吃蛋糕,也可以吃它,不需要限制编辑重新调整大小。

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

答案 2 :(得分:0)

我处理了输出。我通过javascript删除了高度并通过div包裹了图片,并且可以通过CSS完全自定义