Rich Text Editor 富文本编辑器组件的 API 和 Demo 设计

• props
• events
• methods
• slots

API 设计

props

名称	类型	默认值	描述
v-model	string	''	富文本编辑器内容，是一段 HTML 字符串
options	IOptions		透传tiptap的options
disabled	boolean	false	禁用态
max-length	number		设置最大字符数
toolbar-config(没想清楚之前可先不做)	IRichToolbarConfig	?	配置工具栏
editor-config(没想清楚之前可先不做)	IRichEditorConfig	?	配置编辑器

interface IRichToolbarConfig {
  menus: string[][]
  xxx: yyy
}

events

名称	类型	默认值	描述
change	Function	''	富文本编辑器内容变化

methods

slots

Demo 设计

最基本用法：

const editorValue = ref('<div><b>OpenTiny</b>是一个<sp</div>')

<tiny-rich-text-editor v-model="editorValue"></tiny-rich-text-editor>

占位符

<tiny-rich-text-editor v-model="editorValue" placeholder="请输入描述内容"></tiny-rich-text-editor>