vue wangEditor富文本编辑器 默认显示与自定义工具栏配置

vue wangEditor富文本编辑器 默认显示与自定义工具栏配置_第1张图片
1.vue 显示wangEditor富文本编辑器






2.自定义显示 根据toolbarConfig:来修改菜单栏和编辑器的配置
参考官网

 toolbarConfig:{//菜单栏配置
                toolbarKeys:[//菜单 key 'headerSelect'
                'headerSelect',
                    '|',
                    // 菜单
                    'bold','italic',
                ]
            },

vue wangEditor富文本编辑器 默认显示与自定义工具栏配置_第2张图片
3.怎么拿到编辑器里边的DOM元素通过@onChange="onChange"

 onChange(){
        console.log('监听事件',this.html);
        },

vue wangEditor富文本编辑器 默认显示与自定义工具栏配置_第3张图片

你可能感兴趣的:(vue.js,前端,javascript)