quill-editor：Vue轻量级富文本编辑器-Vue-Quill-Editor(1)

OK,搞定，简洁的富文本编辑器就展现在你眼前了，另外附上API。Vue-Quill-Editor.

4、自定义 toolbar 菜单

editorOption: {

placeholder: “请在这里输入”,

modules:{

toolbar:[

[‘bold’, ‘italic’, ‘underline’, ‘strike’], //加粗，斜体，下划线，删除线

[‘blockquote’, ‘code-block’], //引用，代码块

[{ ‘header’: 1 }, { ‘header’: 2 }], // 标题，键值对的形式；1、2表示字体大小

[{ ‘list’: ‘ordered’}, { ‘list’: ‘bullet’ }], //列表

[{ ‘script’: ‘sub’}, { ‘script’: ‘super’ }], // 上下标

[{ ‘indent’: ‘-1’}, { ‘indent’: ‘+1’ }], // 缩进

[{ ‘direction’: ‘rtl’ }], // 文本方向

[{ ‘size’: [‘small’, false, ‘large’, ‘huge’] }], // 字体大小

[{ ‘header’: [1, 2, 3, 4, 5, 6, false] }], //几级标题

[{ ‘color’: [] }, { ‘background’: [] }], // 字体颜色，字体背景颜色

[{ ‘font’: [] }], //字体

[{ ‘align’: [] }], //对齐方式

[‘clean’], //清除字体样式

[‘image’,‘video’] //上传图片、上传视频