가져오기

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

NuiEditor

리치 텍스트 편집기입니다.

셀렉터
nui-editor
NuiEditor: 속성
이름타입기본값설명
value양방향string''내용. HTML 또는 Markdown이며, 텍스트가 없으면 비어 있습니다.
format입력'html' | 'markdown''html'값을 쓰는 형식.
tools입력NuiEditorTool[]NUI_EDITOR_TOOLS툴바 버튼을 순서대로 나열하며, 그룹 사이에는 |를 넣습니다.
label, labelledBy, describedBy입력string내용의 이름과 설명을 지정합니다.
placeholder입력string비어 있을 때 표시됩니다.
readonly, disabled, invalid입력booleanfalse각각 편집 없이 내용만 보여 주고, 사용할 수 없게 하고, 올바르지 않은 값으로 표시합니다.
labels입력Partial<NuiEditorLabels>편집기가 표시하거나 읽어 주는 모든 텍스트. 번역할 때 사용합니다.
run메서드(tool: NuiEditorTool) => void툴바 명령을 실행합니다.
undo, redo, focus메서드() => void각각 실행을 취소하고, 다시 실행하고, 텍스트로 포커스를 옮깁니다.

Helpers

문서를 변환하는 함수입니다.

Helpers: 속성
이름타입기본값설명
nuiEditorToHtml, nuiEditorToMarkdown메서드(doc) => string문서를 HTML 또는 Markdown으로 씁니다.
nuiEditorFromHtml, nuiEditorFromMarkdown메서드(text, document?) => NuiEditorDocHTML 또는 Markdown을 문서로 읽어 들이며, 편집기가 표시할 수 있는 것만 남깁니다.