调整高度height tinyMCE编辑器

时间:2018-08-20 16:10:00

标签: javascript tinymce

我有引导程序选项卡设置,其中一个选项卡具有tinyMCE编辑器,另一个选项卡包含进入tinyMCE编辑器的原始/最小化数据版本

最初加载页面时,编辑器的高度设置为100px。运行数据收集时,它使用tinymce.get('dataReport').execCommand('mceInsertContent', false, content);

,并且编辑器的高度将随着添加内容而改变。

我的问题,当另一个选项卡(原始数据选项卡)处于活动状态时,当用户切换回tinyMCE选项卡时,编辑器的高度仍为100px。但是,一旦用户在编辑器中单击,它将调整大小。

选择选项卡时,是否可以在tinyMCE上手动调用调整大小?

我尝试通过选项卡按钮上的onclick="tinymce.execCommand('mceFocus',false,'dataReport');"对其进行愚弄,它可以很好地聚焦(即,我可以立即开始键入文字),但是它的高度仍为100px。

1 个答案:

答案 0 :(得分:1)

您可以使用resizeTo(w,h)方法documentation

在您的onClick中调用函数updateTinymce()

function updateTinymce(){
   tinymce.execCommand('mceFocus',true,'dataReport');
   var ed = tinymce.activeEditor;
   ed.theme.resizeTo(400, 200);
}