tinymce 只读时使用 chrome 自动调整大小答案

【问题标题】：tinymce autoresize with chrome when readonlytinymce 只读时使用 chrome 自动调整大小
【发布时间】：2012-09-12 15:07:22
【问题描述】：

大家好，我尝试了一整天，但我没有得到它。

我使用 tinymce 编辑器，它在所有浏览器中都能正常工作，除了 ** chrome。我在只读模式下使用自动调整大小，我总是遇到问题，在 chrome 中，编辑器 iframe 很小，所以经常丢失文本。

我不是 jquery 或 javascript 破解者，也没有找到解决方案。有一行设置样式h.setStyle(h.get(a.id + "_ifr"), "height", k + "px");，但是当我添加+20时，我遇到的问题是在编辑器模式下它总是在keydown时添加20 px。所以不是解决方案。

通过css添加一些像素？但是我如何访问 iframe 元素？也许你们中的某个人知道我可以在这里做什么来添加额外的像素。

编辑

好吧，似乎没有人有兴趣提供帮助，所以我使用了一种解决方法。在插件文件中，我执行以下操作，也许它可以帮助遇到同样问题的人：

if (tinymce.isWebKit && tinymce.activeEditor.settings.readonly == true) {

然后你可以添加一些额外的像素，在我的例子中是 20px。也许有更好的解决方案，但它确实有效。

【问题讨论】：

标签： javascript jquery iframe tinymce

【解决方案1】：

Chrome、tinyMCE 3.5.6 和 autoresize 插件也有类似的问题。有帮助的是手动调用 init_instance_callback 中的调整大小插件。我现在在加载窗口时像这样调用 tinyMCE（jQuery 版本）：

$('.tinymce').tinymce({
  theme : 'advanced',
  plugins : 'autoresize',
  width: '100%',
  height: 400,
  autoresize_min_height: 400,
  autoresize_max_height: 800,
  init_instance_callback: function (inst) { inst.execCommand('mceAutoResize'); }
});

【讨论】：