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`	다른 곳에서 가져온 코드 블록 템플릿. 예를 들어 이 렌더러를 포함한 채팅의 템플릿입니다.

코드 블록을 그립니다. 컨텍스트에는 코드, lang, 그리고 블록이 아직 도착하는 중이면 open이 들어 있습니다.

파서와 그 헬퍼 함수로, 컴포넌트 없이 사용할 수 있습니다.

nuiParseMarkdown: 속성
이름	타입	설명
`nuiParseMarkdown`메서드	`(text, { streaming? }) => NuiMarkdownBlock[]`	컴포넌트가 그리는 블록과 인라인 요소의 트리.
`nuiMarkdownToText`메서드	`(text) => string`	블록마다 한 줄씩인 일반 텍스트. 안내하거나 미리 보여 줄 때 사용합니다.
`nuiSafeUrl`메서드	`(url) => boolean`	링크가 웹, 메일, 전화 주소로 연결되는지 여부.