Needless UI

Componenti

Markdown

Renderizza Markdown in modo sicuro, anche mentre arriva in streaming.

Import

import-markdown.ts
import { NuiMarkdown } from '@needless-ui/angular/markdown';

NuiMarkdown

Renderizza Markdown come elementi.

Selettore
nui-markdown
NomeTipoPredefinitoDescrizione
textInputstring''Il Markdown.
streamingInputbooleanfalseIl testo sta ancora arrivando.
headingLevelInputnumber3Il livello di un’intestazione #. Quelle più profonde seguono, fino a 6.
imagesInputbooleanfalseMostra le immagini. Altrimenti il loro testo è un link, perché un’immagine può tracciare.
labelsInputPartial<NuiMarkdownLabels>I testi del pulsante di copia e simili, da tradurre.
codeTemplateInputTemplateRef | nullnullUn template per i blocchi di codice preso altrove, come da una chat che contiene questo renderer.

NuiMarkdownCode

Disegna i blocchi di codice. Il contesto contiene il codice, lang, e open mentre il blocco sta ancora arrivando.

Selettore
ng-template[nuiMarkdownCode]

nuiParseMarkdown

Il parser e le sue funzioni di supporto, da usare senza il componente.

NomeTipoPredefinitoDescrizione
nuiParseMarkdownMetodo(text, { streaming? }) => NuiMarkdownBlock[]L’albero di blocchi ed elementi inline che il componente disegna.
nuiMarkdownToTextMetodo(text) => stringIl testo semplice, una riga per blocco, da annunciare o mostrare in anteprima.
nuiSafeUrlMetodo(url) => booleanSe un link porta a un indirizzo web o email, o a un numero di telefono.