我是靠谱客的博主 简单发带,最近开发中收集的这篇文章主要介绍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编辑器所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

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

评论列表共有 0 条评论

立即
投稿
返回
顶部