富文本编辑器 API · Needless UI

导入

import-editor.ts

import { NuiEditor } from '@needless-ui/angular/editor';

一个富文本编辑器。

NuiEditor: 属性
名称	类型	默认值	说明
`value`双向绑定	`string`	`''`	内容，形式为 HTML 或 Markdown；没有文字时为空。
`format`输入	`'html' \| 'markdown'`	`'html'`	值的写法。
`tools`输入	`NuiEditorTool[]`	`NUI_EDITOR_TOOLS`	工具栏上按顺序排列的按钮，组与组之间用 `\|` 分隔。
`label, labelledBy, describedBy`输入	`string`		为内容命名并添加描述。
`placeholder`输入	`string`		内容为空时显示。
`readonly, disabled, invalid`输入	`boolean`	`false`	分别表示：只显示内容而不可编辑；禁用；标记为无效。
`labels`输入	`Partial<NuiEditorLabels>`		它显示或播报的所有文本，供翻译使用。
`run`方法	`(tool: NuiEditorTool) => void`		执行一个工具栏命令。
`undo, redo, focus`方法	`() => void`		分别用于撤销、重做，以及把焦点移入文本。

用于转换文档的函数。

Helpers: 属性
名称	类型	默认值	说明
`nuiEditorToHtml, nuiEditorToMarkdown`方法	`(doc) => string`		把文档写成 HTML 或 Markdown。
`nuiEditorFromHtml, nuiEditorFromMarkdown`方法	`(text, document?) => NuiEditorDoc`		把 HTML 或 Markdown 读入为文档，只保留编辑器能显示的内容。