API ของ Markdown · Needless UI

Import

import-markdown.ts

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

เรนเดอร์ Markdown เป็นเอลิเมนต์

NuiMarkdown: พร็อพเพอร์ตี
ชื่อ	ชนิด	ค่าเริ่มต้น	คำอธิบาย
`text`Input	`string`	`''`	ข้อความ Markdown
`streaming`Input	`boolean`	`false`	ข้อความยังมาไม่ครบ
`headingLevel`Input	`number`	`3`	ระดับของหัวข้อ `#` หัวข้อที่ลึกกว่าจะไล่ตามไปจนถึงระดับ 6
`images`Input	`boolean`	`false`	แสดงรูปภาพ หากไม่เปิด ข้อความของรูปจะเป็นลิงก์ไปยังรูป เพราะรูปภาพใช้ติดตามผู้ใช้ได้
`labels`Input	`Partial<NuiMarkdownLabels>`		ข้อความของปุ่มคัดลอกและอื่น ๆ สำหรับการแปล
`codeTemplate`Input	`TemplateRef \| null`	`null`	เทมเพลตบล็อกโค้ดจากที่อื่น เช่น จากแชทที่มีตัวเรนเดอร์นี้อยู่

วาดบล็อกโค้ด context มีโค้ด lang และ open ขณะที่บล็อกยังมาไม่ครบ

Parser และฟังก์ชันช่วย สำหรับใช้โดยไม่ต้องมีคอมโพเนนต์

nuiParseMarkdown: พร็อพเพอร์ตี
ชื่อ	ชนิด	คำอธิบาย
`nuiParseMarkdown`เมธอด	`(text, { streaming? }) => NuiMarkdownBlock[]`	โครงสร้างแบบต้นไม้ของบล็อกและ inline ที่คอมโพเนนต์วาด
`nuiMarkdownToText`เมธอด	`(text) => string`	ข้อความธรรมดา บล็อกละหนึ่งบรรทัด สำหรับประกาศหรือแสดงตัวอย่าง
`nuiSafeUrl`เมธอด	`(url) => boolean`	ลิงก์ไปยังที่อยู่เว็บ อีเมล หรือโทรศัพท์หรือไม่