vue中使用wangEditor编辑器

1. 官网:http://www.wangeditor.com/

2. npm下载:npm install --save wangeditor

3. 引用:

import Editor from 'wangeditor'
import 'wangeditor/release/wangEditor.min.css'

4. 实例化:<div id="editor"></div>

mounted(){
            this.editor = new Editor("#editor");
            this.editor.create()
}

5. 详细配置见官网文档:

如:修改样式编译器的宽高颜色

<style scoped lang="stylus">
#editor>>>.w-e-text-container
    height: 700px
    background:white
</style>

猜你喜欢

转载自blog.csdn.net/qq_42231156/article/details/81974186