限制图像宽度

Question

将高分辨率图像上传到 tinymce textarea 时，它们通常会超出编辑器的宽度 - 有没有办法将 width 限制为 100%

我已经尝试使用 CSS 覆盖页面上所有图像的 width，但这不起作用，因为 tinymce 使用模拟的 iframe 工作，并且不起作用使用页面的 CSS 规则

Answer 1

一种方法是使用 tinymce iframe 来限制图像的大小。

使用 tinymce 参数 editor_css 您可以定义一个 css 文件，它将用于编辑器内容。

另一种方法是使用 javascript/jQuery:

设置图像 width/height

$(tinymce.get('your_editor_id').getBody()).find('img').css('width', '500').css('height', '500');