我是靠谱客的博主 大方小猫咪,最近开发中收集的这篇文章主要介绍wangEeditor写入HTML,轻量级富文本编辑器wangEditor结合vue使用方法示例,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

1、安装

使用npm下载: `npm install wangeditor`

2、 创建实例

(1)基本用法:

import e from 'wangeditor'

export default {

name: 'editor',

mounted () {

var editor = new e('#editor')

editor.customconfig.onchange = (html) => {

this.formarticle.content = html

}

editor.create()

}

}

效果如图

7ab12bd3150f1c7b197e640fb512a493.png

(2)自定义高度写法如下:把菜单和编辑框分开

import e from 'wangeditor'

export default {

name: 'editor',

mounted () {

var editor = new e('#editormenu', '#editor')

editor.customconfig.onchange = (html) => {

最后

以上就是大方小猫咪为你收集整理的wangEeditor写入HTML,轻量级富文本编辑器wangEditor结合vue使用方法示例的全部内容,希望文章能够帮你解决wangEeditor写入HTML,轻量级富文本编辑器wangEditor结合vue使用方法示例所遇到的程序开发问题。

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

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

评论列表共有 0 条评论

立即
投稿
返回
顶部