Needless UI

Components

Rich text editor

Headings, jeri, mahaɗai da salon rubutu, da toolbar da Markdown yayin da kuke rubutu.

Shigo da shi

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

NuiEditor

Editor na rubutu mai salo.

Selector
nui-editor
SunaIriNa asaliBayani
valueHanya biyustring''Abun ciki, a matsayin HTML ko Markdown; babu komai idan babu rubutu.
formatInput'html' | 'markdown''html'Yadda ake rubuta ƙimar.
toolsInputNuiEditorTool[]NUI_EDITOR_TOOLSMaɓallan toolbar bi da bi, da | tsakanin rukunoni.
label, labelledBy, describedByInputstringSuna ba abun cikin suna da bayani.
placeholderInputstringAna nuna shi yayin da babu komai a ciki.
readonly, disabled, invalidInputbooleanfalseYana nuna abun ciki ba tare da gyarawa ba; yana kashe shi; yana alamta shi a matsayin mara inganci.
labelsInputPartial<NuiEditorLabels>Kowane rubutu da yake nunawa ko sanarwa, don fassarawa.
runMethod(tool: NuiEditorTool) => voidYana aiwatar da umarnin toolbar.
undo, redo, focusMethod() => voidYana yin undo da redo, kuma yana kai focus cikin rubutun.

Helpers

Functions don sauya takardu.

SunaIriNa asaliBayani
nuiEditorToHtml, nuiEditorToMarkdownMethod(doc) => stringSuna rubuta takarda a matsayin HTML ko Markdown.
nuiEditorFromHtml, nuiEditorFromMarkdownMethod(text, document?) => NuiEditorDocSuna karanta HTML ko Markdown zuwa takarda, suna riƙe abin da editor ɗin zai iya nunawa.