我是靠谱客的博主 简单发带,这篇文章主要介绍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>

 

最后

以上就是简单发带最近收集整理的关于vue中使用wangEditor编辑器的全部内容,更多相关vue中使用wangEditor编辑器内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(59)

评论列表共有 0 条评论

立即
投稿
返回
顶部