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

1.vue 显示wangEditor富文本编辑器

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43

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

 toolbarConfig:{//菜单栏配置
                toolbarKeys:[//菜单 key 'headerSelect'
                'headerSelect',
                    '|',
                    // 菜单
                    'bold','italic',
                ]
            },
1
2
3
4
5
6
7
8

3.怎么拿到编辑器里边的DOM元素通过@onChange="onChange"

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