tinymce+vue关于编辑高度随窗口高度改变的一些问题

tinymce+vue关于编辑高度随窗口高度改变的一些问题

废话不多说,首先解决问题:窗口高度变化后,怎样让动态修改编辑器高度使其充满屏幕?
在引用tinymce的父组件import tinymce,就可以使用tinymce实例了,

window.onresize = () => {
    //editorId就是给editor传的id
    let editor = tinymce.get(editorId);
    //editor.getContainer()拿到的是编辑器整个大容器
    editor.getContainer().setAttribute("style", `height: ${height}px;`);
};

问题解决了,下面随便说点其他东西:
先贴一篇文章动态更改tinyMce编辑器的高度
这篇很全面的文章讲了7种解决此问题的方法,也许能解决你的问题,当然,没能解决我的…

再来说说tinymce编辑器高度相关的配置,遗漏的请补充在评论里,非常感谢。
height:编辑器高度(双向绑定?别想了!不然你过来干啥)。
resize:在编辑器右下角有一个可以拖动的标记,鼠标按住它可以改变编辑器的大小。
max_height/min_height:不存在autoresize插件(默认)时控制的是用户通过编辑器右下角控件可拖拽的最大最小高度。使用autoresize插件时控制编辑器自动伸缩的最大最小高度。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值