リッチテキストエディターの API

インポート

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 をドキュメントとして読み込みます。エディターが表示できるものだけを残します。