wangEditor3怎么设置富文本区域高度 vue

这里写图片描述
一开始没看到文档,看源码的时候,发现是可以传入两个dom的,摸索一下弄好了

function Editor(toolbarSelector, textSelector) {
    if (toolbarSelector == null) {
        // 没有传入任何参数,报错
        throw new Error('错误:初始化编辑器时候未传入任何参数,请查阅文档');
    }
    // id,用以区分单个页面不同的编辑器对象
    this.id = 'wangEditor-' + editorId++;

    this.toolbarSelector = toolbarSelector;
    this.textSelector = textSelector;

    // 自定义配置
    this.customConfig = {};
}
//……
html
<div id="editorMenu"></div>  
<div id="editor" style="height:410px;max-height:500px;">
js
//菜单dom在前
let editor = new WangEditor('#editorMenu','#editor')
css
    #editor{
        height: 410px;
        width: auto;
        border:1px solid #ccc;
    }
    .w-e-toolbar{
      background-color: #f1f1f1;
      border: 1px solid #ccc;
    }
其实文档也有说明
文档里面说了是菜单和编辑器分离

这里写图片描述

猜你喜欢

转载自blog.csdn.net/weixin_36934930/article/details/81034722