Needless UI

Composants

Éditeur de texte enrichi

Titres, listes, liens et mises en forme, avec une barre d’outils et du Markdown à la frappe.

Import

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

NuiEditor

Un éditeur de texte enrichi.

Sélecteur
nui-editor
NomTypePar défautDescription
valueBidirectionnelstring''Le contenu, en HTML ou en Markdown ; vide quand il n’y a pas de texte.
formatInput'html' | 'markdown''html'La façon dont la valeur est écrite.
toolsInputNuiEditorTool[]NUI_EDITOR_TOOLSLes boutons de la barre d’outils dans l’ordre, avec | entre les groupes.
label, labelledBy, describedByInputstringNomment et décrivent le contenu.
placeholderInputstringTexte affiché tant que l’éditeur est vide.
readonly, disabled, invalidInputbooleanfalseAffiche le contenu sans permettre de le modifier ; le désactive ; le marque comme invalide.
labelsInputPartial<NuiEditorLabels>Tous ses textes, à traduire.
runMéthode(tool: NuiEditorTool) => voidExécute une commande de la barre d’outils.
undo, redo, focusMéthode() => voidAnnule, rétablit, et place le focus dans le texte.

Helpers

Des fonctions pour convertir des documents.

NomTypePar défautDescription
nuiEditorToHtml, nuiEditorToMarkdownMéthode(doc) => stringÉcrivent un document en HTML ou en Markdown.
nuiEditorFromHtml, nuiEditorFromMarkdownMéthode(text, document?) => NuiEditorDocLisent du HTML ou du Markdown dans un document, en gardant ce que l’éditeur sait afficher.