TinyMCE宽度和高度不听话!

Jim*_*mbo 26 javascript jquery tinymce

根据TinyMCE的(冲突的)文档,编辑器采用它替换的textarea(或其他)元素的大小.它还说您可以通过{ height: '123', width: '123' }init方法中指定来设置编辑器的大小.

我已经尝试了两个并且仍然只得到一个结果 - 编辑器调整自身(它记得如何超出我),这是用户最后一次调整大小的时间.

Stu*_*art 28

由于主题设置,它保存了最后的大小.您可以使用以下方法将其关闭

$('textarea.tinymce').tinymce({
    theme_advanced_resizing: true,
    theme_advanced_resizing_use_cookie : false,
Run Code Online (Sandbox Code Playgroud)

  • 比改变全局css更准确的解决方案.谢谢你的伴侣! (2认同)
  • 这应该是正确的答案!谢谢! (2认同)
  • 正确 - 你是少数理解这个问题的人之一 (2认同)

Wes*_*rch 19

我都知道这一点,这很烦人的.

添加这对任何加载CSS文件固定宽度,我(我只是把它在全球的CSS,而不是在任何TinyMCE的CSS文件,我没有随高度测试):

.mceEditor > table {
    width:/* my width */ !important;
}
Run Code Online (Sandbox Code Playgroud)

这会影响所有实例,在我的情况下这很好.您可以使用工具栏本身.mceToolbar

确实希望TinyMCE调整textarea的大小,因此它可以足够宽以适应所有工具栏图标.

  • 实际上,要加上这个答案; 调整高度为上面显示的类添加一个高度属性,然后创建另一个类'td.mceIframeContainer iframe',其高度值略小(占工具栏). (3认同)