API ของ Rich text editor

Import

import-editor.ts

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

NuiEditor

ตัวแก้ไขข้อความแบบ rich text

Selector: nui-editor

NuiEditor: พร็อพเพอร์ตี
ชื่อ	ชนิด	ค่าเริ่มต้น	คำอธิบาย
`value`สองทาง	`string`	`''`	เนื้อหาในรูป HTML หรือ Markdown และเป็นค่าว่างเมื่อไม่มีข้อความ
`format`Input	`'html' \| 'markdown'`	`'html'`	รูปแบบการเขียนค่า
`tools`Input	`NuiEditorTool[]`	`NUI_EDITOR_TOOLS`	ปุ่มของแถบเครื่องมือตามลำดับ โดยใช้ `\|` คั่นระหว่างกลุ่ม
`label, labelledBy, describedBy`Input	`string`		ตั้งชื่อและคำอธิบายให้เนื้อหา
`placeholder`Input	`string`		แสดงขณะที่ยังว่างอยู่
`readonly, disabled, invalid`Input	`boolean`	`false`	แสดงเนื้อหาโดยแก้ไขไม่ได้ ปิดการใช้งาน และทำเครื่องหมายว่าไม่ถูกต้อง ตามลำดับ
`labels`Input	`Partial<NuiEditorLabels>`		ข้อความทุกส่วนที่ตัวแก้ไขแสดงหรือประกาศ สำหรับการแปล
`run`เมธอด	`(tool: NuiEditorTool) => void`		เรียกใช้คำสั่งของแถบเครื่องมือ
`undo, redo, focus`เมธอด	`() => void`		เลิกทำ ทำซ้ำ และย้ายโฟกัสเข้าไปในข้อความ

Helpers

ฟังก์ชันสำหรับแปลงเอกสาร

Helpers: พร็อพเพอร์ตี
ชื่อ	ชนิด	ค่าเริ่มต้น	คำอธิบาย
`nuiEditorToHtml, nuiEditorToMarkdown`เมธอด	`(doc) => string`		เขียนเอกสารเป็น HTML หรือ Markdown
`nuiEditorFromHtml, nuiEditorFromMarkdown`เมธอด	`(text, document?) => NuiEditorDoc`		อ่าน HTML หรือ Markdown เข้ามาเป็นเอกสาร โดยเก็บเฉพาะสิ่งที่ตัวแก้ไขแสดงได้