Needless UI

Componenti

Editor di testo formattato

Intestazioni, elenchi, link e formattazione, con barra degli strumenti e Markdown mentre scrivi.

Import

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

NuiEditor

Un editor di testo formattato.

Selettore
nui-editor
NomeTipoPredefinitoDescrizione
valueBidirezionalestring''Il contenuto, in HTML o Markdown; vuoto quando non c’è testo.
formatInput'html' | 'markdown''html'Come viene scritto il valore.
toolsInputNuiEditorTool[]NUI_EDITOR_TOOLSI pulsanti della barra degli strumenti in ordine, con | tra i gruppi.
label, labelledBy, describedByInputstringDanno un nome e una descrizione al contenuto.
placeholderInputstringTesto mostrato finché è vuoto.
readonly, disabled, invalidInputbooleanfalseMostra il contenuto senza poterlo modificare; lo disattiva; lo segna come non valido.
labelsInputPartial<NuiEditorLabels>Ogni suo testo, da tradurre.
runMetodo(tool: NuiEditorTool) => voidEsegue un comando della barra degli strumenti.
undo, redo, focusMetodo() => voidAnnulla, ripete e sposta il focus nel testo.

Helpers

Funzioni per convertire i documenti.

NomeTipoPredefinitoDescrizione
nuiEditorToHtml, nuiEditorToMarkdownMetodo(doc) => stringScrivono un documento in HTML o Markdown.
nuiEditorFromHtml, nuiEditorFromMarkdownMetodo(text, document?) => NuiEditorDocLeggono HTML o Markdown in un documento, tenendo ciò che l’editor può mostrare.