vue tinymce 控制图片大小上传，以及富文本编辑框在dialog的问题

项目需求需要用到富文本编辑框，表格中 *** 作富文本编辑框，最后选择用d框的形式显示，注意d框和富文本编辑框的坑

原因：第一次d框tinymce 组件未销毁，因此先于第二次dialogd出，而第二次dialog中的传值也就后于富文本组件初始化，也就未被渲染了。

v-if="dialogFormVisible"

原因：tinycme和dialog中的样式冲突了，当我们F12把页面缩小，会发现，并不是点击toolbar没反应，而是菜单栏（toolbar）被置于底层了，dialog盖住了菜单栏

解决：修改tinycme中的样式文件，z-index: 都+00000，此文件中有多处z-index,请全部修改（另外，z-index = -1 这种就不需要修改了）

原文地址

为解决dialog在首次打开时数据或组件没有加载的问题 这里使用一种简单粗暴的方法

dialog加载的依据是dialog的属性rendered（v-if="rendered"）决定的，所以需要将rendered改为true,但有时会不生效 所以在前后分别打开和关闭dialog就可以了。 

1、config/element文件夹下新建dialogDrag文件

2、config/element/index.js文件修改:

  import dialogDragMixin from './dialogDrag'

  export function installElement(Vue, Element) {

      Element.Dialog.mixins.push(dialogDragMixin)

  }

3、main.js中引入

import { installElement } from '@/config/element'

installElement(Vue, Element)

---