javascript - 如何自动调整tinyMCE的大小？

Question

我有一个设置在 TextArea 上的 TinyMCE，我希望这个编辑器区域始终占据其父 div 的所有空间。

我有一个 JS 函数可以获取当前空间并为其设置 textarea.style.height，但是当我启用 TinyMCE 时它似乎停止工作。

此外，文本区域的宽度为:100%；当它也使用 TinyMCE 时，它不会通过 HTML 渲染调整大小。

有什么想法吗？

Answer 1

如今，您应该使用 autoresize plugin tinyMCE 自带的。您必须像这样调用 tinyMCE(jQuery 版本):

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

我的经验是，在 init_instance_callback 中手动调用调整大小以在初始化时提供正确的高度可能会有所帮助。如果需要，请将此参数添加到传递的选项中:

init_instance_callback: function (inst) { inst.execCommand('mceAutoResize'); }