Markdown API · Needless UI

匯入

import-markdown.ts

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

將 Markdown 渲染為元素。

NuiMarkdown: 屬性
名稱	型別	預設值	說明
`text`輸入	`string`	`''`	Markdown 文字。
`streaming`輸入	`boolean`	`false`	文字仍在陸續送達。
`headingLevel`輸入	`number`	`3`	`#` 標題的層級。更深的標題依序遞增，最多到 6。
`images`輸入	`boolean`	`false`	顯示圖片。否則以圖片的文字作為指向圖片的連結，因為圖片可能被用來追蹤。
`labels`輸入	`Partial<NuiMarkdownLabels>`		複製按鈕的文字等，供翻譯使用。
`codeTemplate`輸入	`TemplateRef \| null`	`null`	來自其他地方的程式碼區塊範本，例如來自包含它的聊天元件。

繪製程式碼區塊。其 context 包含程式碼、lang，以及區塊仍在送達時的 open。

解析器及其輔助函式，可在不使用元件時使用。

nuiParseMarkdown: 屬性
名稱	型別	說明
`nuiParseMarkdown`方法	`(text, { streaming? }) => NuiMarkdownBlock[]`	元件所繪製、由區塊和行內元素組成的樹。
`nuiMarkdownToText`方法	`(text) => string`	純文字，每個區塊一行，用於朗讀或預覽。
`nuiSafeUrl`方法	`(url) => boolean`	判斷連結是否指向網頁、電子郵件或電話地址。