添加小程序,兑换各种视频教程/数据资源。
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编辑器内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复