vue中使用富文本编辑器tinymce高度样式不生效的解决方案

首先，可以参照博主【不完美女孩-】https://blog.csdn.net/LJJONESEED/article/details/127863020配置tinymce富文本编辑器，项目运行后的页面是这样的

可以看到，富文本编辑器把整个页面都覆盖了

1、下面，我们尝试调整样式，将富文本编辑器调整为500px*300px，常规的更改方式为，直接在引入组件的父级标签添加CSS样式：

此时页面是这样的：

可以看到宽度确实生效是500px，但是高度依然是600px，不是我们想要的值300px

2.直接看代码，在组件初始化的时候，height值是600，通过改变这个值为300，看看生不生效

此时页面是这样的，高度样式生效了！！！

3.直接更改组件会导致所有引用该组件的页面样式都会被更改，所以，这里我们以父子组件传值的方式来更改高度，直接上代码：

4.在父组件中配置

此时看看页面：

确实生效了，搞定！！！