Needless UI

Các component

Trình soạn thảo văn bản

Tiêu đề, danh sách, liên kết và định dạng, có thanh công cụ và Markdown ngay khi gõ.

Import

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

NuiEditor

Một trình soạn thảo văn bản.

Selector
nui-editor
TênKiểuMặc địnhMô tả
valueHai chiềustring''Nội dung, dưới dạng HTML hoặc Markdown; trống khi không có chữ nào.
formatInput'html' | 'markdown''html'Cách ghi giá trị.
toolsInputNuiEditorTool[]NUI_EDITOR_TOOLSCác nút của thanh công cụ theo thứ tự, | giữa các nhóm.
label, labelledBy, describedByInputstringĐặt tên và mô tả cho nội dung.
placeholderInputstringHiển thị khi nội dung còn trống.
readonly, disabled, invalidInputbooleanfalseHiển thị nội dung mà không cho sửa; vô hiệu hóa trình soạn thảo; đánh dấu không hợp lệ.
labelsInputPartial<NuiEditorLabels>Mọi văn bản mà trình soạn thảo đọc lên, để dịch.
runPhương thức(tool: NuiEditorTool) => voidChạy một lệnh của thanh công cụ.
undo, redo, focusPhương thức() => voidHoàn tác, làm lại, và chuyển focus vào văn bản.

Helpers

Các hàm chuyển đổi tài liệu.

TênKiểuMặc địnhMô tả
nuiEditorToHtml, nuiEditorToMarkdownPhương thức(doc) => stringGhi tài liệu thành HTML hoặc Markdown.
nuiEditorFromHtml, nuiEditorFromMarkdownPhương thức(text, document?) => NuiEditorDocĐọc HTML hoặc Markdown thành tài liệu, giữ lại những gì trình soạn thảo hiển thị được.