logo标签列表

富文本编辑器（TinyMCE）图片 - 如何禁用自动高度和宽度？

tinymceumbracoumbraco7
3
我们正在使用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 和高度 h。
我找到了一些有关 tinyMce.config 文件和 validElements 节点的帖子 - 我从其中的 img 事物中移除了高度和宽度 "things"，但没有产生效果。
请查看 ~\Umbraco_client\tinymce3\plugins\umbracoimg\js\image.js 文件。有一部分是用于设置所有这些数据的。你应该可以自定义它。 - Scherling
我希望有一个解决方案，不会被升级覆盖...我可以看到必要的更改很容易，但是有没有一个好的地方可以在不更改Umbraco核心文件的情况下进行更改？ - jenson-button-event
我不知道有没有，但我相信可以通过某种方式进行小小的黑客攻击。我同意覆盖文件夹以新的Umbraco版本可能会清除您的更改并不是最佳选择。也许考虑使用js在客户端操作img元素？ - Scherling
3个回答
11
如果您打开所涉及富文本编辑器的数据类型，您会看到一个名为“插入图像的最大大小”的设置。默认情况下，它设置为500像素。 如果将其设置为0，则会禁用任何调整大小。
0

我处理了输出。我通过JavaScript删除了高度和包装图像，并且可以通过CSS完全自定义它。

0

我认为你可以两全其美，无需限制编辑器的大小调整。

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

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接