导入

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

NuiMarkdown

把 Markdown 渲染为元素。

选择器
nui-markdown
NuiMarkdown: 属性
名称类型默认值说明
text输入string''Markdown 文本。
streaming输入booleanfalse文本仍在陆续到达。
headingLevel输入number3# 标题的级别。更深的标题依次递增,最深到 6 级。
images输入booleanfalse显示图片。否则以图片的文字链接到图片,因为图片可能被用来跟踪用户。
labels输入Partial<NuiMarkdownLabels>复制按钮的文本等,供翻译使用。
codeTemplate输入TemplateRef | nullnull来自别处的代码块模板,例如来自包含它的聊天组件。

NuiMarkdownCode

绘制代码块。上下文中包含代码、lang,以及代码块仍在到达时的 open。

选择器
ng-template[nuiMarkdownCode]

nuiParseMarkdown

解析器及其辅助函数,可脱离组件使用。

nuiParseMarkdown: 属性
名称类型默认值说明
nuiParseMarkdown方法(text, { streaming? }) => NuiMarkdownBlock[]组件所绘制的、由块和行内元素组成的树。
nuiMarkdownToText方法(text) => string纯文本,每个块一行,用于播报或预览。
nuiSafeUrl方法(url) => boolean链接是否指向网页、邮件或电话地址。