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;
    }
其实文档也有说明
文档里面说了是菜单和编辑器分离

这里写图片描述

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值