vue获取编辑器纯文字_vue富文本编辑器

//工具栏配置

const toolbarOptions=[

["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"],//清除文本格式

["link","image","video"]//链接、图片、视频

];

import { quillEditor } from"vue-quill-editor";

import"quill/dist/quill.core.css";

import"quill/dist/quill.snow.css";

import"quill/dist/quill.bubble.css";

exportdefault{

props: {/*编辑器的内容*/value: {

type: String

},/*图片大小*/maxSize: {

type: Number,default:4000 //kb

}

},

component