Needless UI

Komponenten

Rich-Text-Editor

Überschriften, Listen, Links und Formate, mit Toolbar und Markdown beim Tippen.

Import

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

NuiEditor

Ein Rich-Text-Editor.

Selektor
nui-editor
NameTypStandardwertBeschreibung
valueTwo-Waystring''Der Inhalt als HTML oder Markdown; leer, wenn es keinen Text gibt.
formatInput'html' | 'markdown''html'Wie der Wert geschrieben wird.
toolsInputNuiEditorTool[]NUI_EDITOR_TOOLSDie Buttons der Toolbar in ihrer Reihenfolge, | zwischen Gruppen.
label, labelledBy, describedByInputstringBenennen und beschreiben den Inhalt.
placeholderInputstringWird angezeigt, solange der Editor leer ist.
readonly, disabled, invalidInputbooleanfalseZeigt den Inhalt ohne Bearbeitung; schaltet den Editor ab; markiert den Inhalt als ungültig.
labelsInputPartial<NuiEditorLabels>Alle Texte des Editors, zum Übersetzen.
runMethode(tool: NuiEditorTool) => voidFührt einen Befehl der Toolbar aus.
undo, redo, focusMethode() => voidMacht rückgängig, stellt wieder her und setzt den Fokus in den Text.

Helpers

Funktionen zum Umwandeln von Dokumenten.

NameTypStandardwertBeschreibung
nuiEditorToHtml, nuiEditorToMarkdownMethode(doc) => stringSchreiben ein Dokument als HTML oder Markdown.
nuiEditorFromHtml, nuiEditorFromMarkdownMethode(text, document?) => NuiEditorDocLesen HTML oder Markdown in ein Dokument ein und behalten, was der Editor darstellen kann.