Needless UI

Mga component

Markdown

I-render ang Markdown nang ligtas, kahit habang nag-i-stream ito.

Import

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

NuiMarkdown

Nire-render ang Markdown bilang mga element.

Selector
nui-markdown
PangalanUriDefaultPaglalarawan
textInputstring''Ang Markdown.
streamingInputbooleanfalseDumarating pa ang text.
headingLevelInputnumber3Ang level ng isang # heading. Sumusunod ang mas malalalim, hanggang 6.
imagesInputbooleanfalseIpinapakita ang mga image. Kung hindi, nagiging link papunta sa mga ito ang text nila, dahil puwedeng mang-track ang isang image.
labelsInputPartial<NuiMarkdownLabels>Ang mga text ng copy button at iba pa, para maisalin.
codeTemplateInputTemplateRef | nullnullCode block template mula sa ibang lugar, gaya ng chat na naglalaman nito.

NuiMarkdownCode

Iginuguhit ang mga code block. Nasa context ang code, ang lang, at ang open habang dumarating pa ang block.

Selector
ng-template[nuiMarkdownCode]

nuiParseMarkdown

Ang parser at ang mga helper nito, para magamit nang walang component.

PangalanUriDefaultPaglalarawan
nuiParseMarkdownMethod(text, { streaming? }) => NuiMarkdownBlock[]Ang tree ng mga block at inline na iginuguhit ng component.
nuiMarkdownToTextMethod(text) => stringAng plain text, isang linya bawat block, para i-announce o i-preview.
nuiSafeUrlMethod(url) => booleanKung papunta sa web, mail o phone address ang isang link.