Markdown

Markdown is a React component used to render markdown text. It supports various markdown syntax such as headings, lists, links, images, code blocks and more. It is commonly used in documentation, blogs, and other text-heavy applications.

import { Markdown } from '@lobehub/ui';

Default

This is an H1

This is an H2

This is an H3

This is an H4

This is an H5

The point of reference-style links is not that they’re easier to write. The point is that with reference-style links, your document source is vastly more readable. Compare the above examples: using reference-style links, the paragraph itself is only 81 characters long; with inline-style links, it’s 176 characters; and as raw HTML, it’s 234 characters. In the raw HTML, there’s more markup than there is text.


This is a blockquote with two paragraphs. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus. Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.

Donec sit amet nisl. Aliquam semper ipsum sit amet velit. Suspendisse id sem consectetuer libero luctus adipiscing.


an example | an example | an example



  1. Bird
  2. McHale
  3. Parish
    1. Bird
    2. McHale
      1. Parish

  • Red
  • Green
  • Blue
    • Red
    • Green
      • Blue

This is an example inline link.

http://example.com/

titletitletitle
contentcontentcontent
$ pnpm install
javascript
import { renderHook } from '@testing-library/react-hooks';
import { act } from 'react-dom/test-utils';
import { useDropNodeOnCanvas } from './useDropNodeOnCanvas';
mermaid
Syntax error in textmermaid version 11.4.1

以下是一段Markdown格式的LaTeX数学公式:

我是一个行内公式:E=mc2E=mc^2

我是一个独立的傅里叶公式:

f(x)=a0+n=1(ancos(nx)+bnsin(nx))f(x) = a_0 + \sum_{n=1}^{\infty} \left( a_n \cos(nx) + b_n \sin(nx) \right)

其中,带有积分符号的项:

a0=12πππf(x)dxa_0 = \frac{1}{2\pi} \int_{-\pi}^{\pi} f(x) \, dx
an=1πππf(x)cos(nx)dxforn1a_n = \frac{1}{\pi} \int_{-\pi}^{\pi} f(x) \cos(nx) \, dx \quad \text{for} \quad n \geq 1
bn=1πππf(x)sin(nx)dxforn1b_n = \frac{1}{\pi} \int_{-\pi}^{\pi} f(x) \sin(nx) \, dx \quad \text{for} \quad n \geq 1

我是一个带有分式、测试长度超长的泰勒公式:

f(x)=f(a)+f(a)(xa)+f(a)2!(xa)2+f(a)3!(xa)3++f(n)(a)n!(xa)n+Rn(x)\begin{equation} f(x) = f(a) + f'(a)(x - a) + \frac{f''(a)}{2!}(x - a)^2 + \frac{f'''(a)}{3!}(x - a)^3 + \cdots + \frac{f^{(n)}(a)}{n!}(x - a)^n + R_n(x) \end{equation}

我是一个带有上下标的公式:

x2+y2=r2x^{2} + y^{2} = r^{2}

我是一个嵌套测试:

$1

Chat Mode

This is an H1

This is an H2

This is an H3

This is an H4

This is an H5

The point of reference-style links is not that they’re easier to write. The point is that with reference-style links, your document source is vastly more readable. Compare the above examples: using reference-style links, the paragraph itself is only 81 characters long; with inline-style links, it’s 176 characters; and as raw HTML, it’s 234 characters. In the raw HTML, there’s more markup than there is text.


This is a blockquote with two paragraphs. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus.
Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.

Donec sit amet nisl. Aliquam semper ipsum sit amet velit. Suspendisse
id sem consectetuer libero luctus adipiscing.


an example | an example | an example


<video poster="https://gw.alipayobjects.com/zos/kitchen/sLO%24gbrQtp/lobe-chat.webp" src="https://github.com/lobehub/lobe-chat/assets/28616219/f29475a3-f346-4196-a435-41a6373ab9e2"/>


  1. Bird
  2. McHale
  3. Parish
    1. Bird
    2. McHale
      1. Parish

  • Red
  • Green
  • Blue
    • Red
    • Green
      • Blue

This is an example inline link.

http://example.com/

titletitletitle
contentcontentcontent
$ pnpm install
javascript
import { renderHook } from '@testing-library/react-hooks';
import { act } from 'react-dom/test-utils';
import { useDropNodeOnCanvas } from './useDropNodeOnCanvas';
mermaid
Syntax error in textmermaid version 11.4.1

以下是一段Markdown格式的LaTeX数学公式:

我是一个行内公式:E=mc2E=mc^2

我是一个独立的傅里叶公式:

f(x)=a0+n=1(ancos(nx)+bnsin(nx))f(x) = a_0 + \sum_{n=1}^{\infty} \left( a_n \cos(nx) + b_n \sin(nx) \right)

其中,带有积分符号的项:

a0=12πππf(x)dxa_0 = \frac{1}{2\pi} \int_{-\pi}^{\pi} f(x) \, dx
an=1πππf(x)cos(nx)dxforn1a_n = \frac{1}{\pi} \int_{-\pi}^{\pi} f(x) \cos(nx) \, dx \quad \text{for} \quad n \geq 1
bn=1πππf(x)sin(nx)dxforn1b_n = \frac{1}{\pi} \int_{-\pi}^{\pi} f(x) \sin(nx) \, dx \quad \text{for} \quad n \geq 1

我是一个带有分式、测试长度超长的泰勒公式:

f(x)=f(a)+f(a)(xa)+f(a)2!(xa)2+f(a)3!(xa)3++f(n)(a)n!(xa)n+Rn(x)\begin{equation} f(x) = f(a) + f'(a)(x - a) + \frac{f''(a)}{2!}(x - a)^2 + \frac{f'''(a)}{3!}(x - a)^3 + \cdots + \frac{f^{(n)}(a)}{n!}(x - a)^n + R_n(x) \end{equation}

我是一个带有上下标的公式:

x2+y2=r2x^{2} + y^{2} = r^{2}

我是一个嵌套测试:

$1

Shiki Transformers

transformerNotationDiff

ts
export function foo() {
  console.log('hewwo') // [!code --]
  console.log('hello') // [!code ++]
}

transformerNotationHighlight

ts
export function foo() {
  console.log('Highlighted') // [!code highlight]
}

transformerNotationWordHighlight

ts
export function foo() { // [!code word:Hello]
  const msg = 'Hello World'
  console.log(msg) // 打印 Hello World
}

transformerNotationFocus

ts
export function foo() {
  console.log('Focused') // [!code focus]
}

transformerNotationErrorLevel

ts
export function foo() {
  console.error('Error') // [!code error]
  console.warn('Warning') // [!code warning]
}

Custom Markdown Components

Customize Markdown Components

Customize Anchor Behavior

This is an example inline link.

http://example.com/

Customize Hr


Customize Image Display

Custom Highlight

tsx
export default ({ children, className }: MarkdownProps) => {
  const { styles } = useStyles();
  return (
    <ReactMarkdown
      className={cx(styles.container, className)}
      components={{ pre: CodeBlock, code: Code }}
    >
      {children}
    </ReactMarkdown>
  );
}

Custom Plugins

好的,让我来用新的视角解释一下"睡觉"这个词。

Thinking...
Artifact
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 600"> <defs> <style> @import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;700&amp;display=swap'); </style> </defs> <!-- 背景 --> <rect width="400" height="600" fill="#F0EAD6"/> <!-- 总结 --> <text x="200" y="500" font-family="'Noto Serif SC', serif" font-size="20" text-anchor="middle" fill="#8B4513">睡觉:生产力的假死,创造力的重生。</text></svg>

这是我为"睡觉"这个词创作的新解释卡片。

APIs

NameDescriptionTypeDefault
allowHtml--boolean--
children--string(required)
className--string--
componentProps--{a?:object;highlight?:any;img?:any;mermaid?:any;pre?:any;video?:any}--
components--{code?:CodeComponent|"symbol"|"object"|"text"|"style"|"slot"|"title"|"th"|"tr"|"search"|"article"|"button"|"dialog"|"figure"|"form"|"img"|"link"|"main"|"menu"|"menuitem"|"option"|"switch"|"table"|"small"|"circle"|"time"|"center"|"a"|"abbr"|"address"|"area"|"aside"|"audio"|"b"|"base"|"bdi"|"bdo"|"big"|"blockquote"|"body"|"br"|"canvas"|"caption"|"cite"|"code"|"col"|"colgroup"|"data"|"datalist"|"dd"|"del"|"details"|"dfn"|"div"|"dl"|"dt"|"em"|"embed"|"fieldset"|"figcaption"|"footer"|"h1"|"h2"|"h3"|"h4"|"h5"|"h6"|"head"|"header"|"hgroup"|"hr"|"html"|"i"|"iframe"|"input"|"ins"|"kbd"|"keygen"|"label"|"legend"|"li"|"map"|"mark"|"meta"|"meter"|"nav"|"noindex"|"noscript"|"ol"|"optgroup"|"output"|"p"|"param"|"picture"|"pre"|"progress"|"q"|"rp"|"rt"|"ruby"|"s"|"samp"|"script"|"section"|"select"|"source"|"span"|"strong"|"sub"|"summary"|"sup"|"template"|"tbody"|"td"|"textarea"|"tfoot"|"thead"|"track"|"u"|"ul"|"var"|"video"|"wbr"|"webview"|"svg"|"animate"|"animateMotion"|"animateTransform"|"clipPath"|"defs"|"desc"|"ellipse"|"feBlend"|"feColorMatrix"|"feComponentTransfer"|"feComposite"|"feConvolveMatrix"|"feDiffuseLighting"|"feDisplacementMap"|"feDistantLight"|"feDropShadow"|"feFlood"|"feFuncA"|"feFuncB"|"feFuncG"|"feFuncR"|"feGaussianBlur"|"feImage"|"feMerge"|"feMergeNode"|"feMorphology"|"feOffset"|"fePointLight"|"feSpecularLighting"|"feSpotLight"|"feTile"|"feTurbulence"|"filter"|"foreignObject"|"g"|"image"|"line"|"linearGradient"|"marker"|"mask"|"metadata"|"mpath"|"path"|"pattern"|"polygon"|"polyline"|"radialGradient"|"rect"|"set"|"stop"|"textPath"|"tspan"|"use"|"view";h1?:HeadingComponent|"symbol"|"object"|"text"|"style"|"slot"|"title"|"th"|"tr"|"search"|"article"|"button"|"dialog"|"figure"|"form"|"img"|"link"|"main"|"menu"|"menuitem"|"option"|"switch"|"table"|"small"|"circle"|"time"|"center"|"a"|"abbr"|"address"|"area"|"aside"|"audio"|"b"|"base"|"bdi"|"bdo"|"big"|"blockquote"|"body"|"br"|"canvas"|"caption"|"cite"|"code"|"col"|"colgroup"|"data"|"datalist"|"dd"|"del"|"details"|"dfn"|"div"|"dl"|"dt"|"em"|"embed"|"fieldset"|"figcaption"|"footer"|"h1"|"h2"|"h3"|"h4"|"h5"|"h6"|"head"|"header"|"hgroup"|"hr"|"html"|"i"|"iframe"|"input"|"ins"|"kbd"|"keygen"|"label"|"legend"|"li"|"map"|"mark"|"meta"|"meter"|"nav"|"noindex"|"noscript"|"ol"|"optgroup"|"output"|"p"|"param"|"picture"|"pre"|"progress"|"q"|"rp"|"rt"|"ruby"|"s"|"samp"|"script"|"section"|"select"|"source"|"span"|"strong"|"sub"|"summary"|"sup"|"template"|"tbody"|"td"|"textarea"|"tfoot"|"thead"|"track"|"u"|"ul"|"var"|"video"|"wbr"|"webview"|"svg"|"animate"|"animateMotion"|"animateTransform"|"clipPath"|"defs"|"desc"|"ellipse"|"feBlend"|"feColorMatrix"|"feComponentTransfer"|"feComposite"|"feConvolveMatrix"|"feDiffuseLighting"|"feDisplacementMap"|"feDistantLight"|"feDropShadow"|"feFlood"|"feFuncA"|"feFuncB"|"feFuncG"|"feFuncR"|"feGaussianBlur"|"feImage"|"feMerge"|"feMergeNode"|"feMorphology"|"feOffset"|"fePointLight"|"feSpecularLighting"|"feSpotLight"|"feTile"|"feTurbulence"|"filter"|"foreignObject"|"g"|"image"|"line"|"linearGradient"|"marker"|"mask"|"metadata"|"mpath"|"path"|"pattern"|"polygon"|"polyline"|"radialGradient"|"rect"|"set"|"stop"|"textPath"|"tspan"|"use"|"view";h2?:HeadingComponent|"symbol"|"object"|"text"|"style"|"slot"|"title"|"th"|"tr"|"search"|"article"|"button"|"dialog"|"figure"|"form"|"img"|"link"|"main"|"menu"|"menuitem"|"option"|"switch"|"table"|"small"|"circle"|"time"|"center"|"a"|"abbr"|"address"|"area"|"aside"|"audio"|"b"|"base"|"bdi"|"bdo"|"big"|"blockquote"|"body"|"br"|"canvas"|"caption"|"cite"|"code"|"col"|"colgroup"|"data"|"datalist"|"dd"|"del"|"details"|"dfn"|"div"|"dl"|"dt"|"em"|"embed"|"fieldset"|"figcaption"|"footer"|"h1"|"h2"|"h3"|"h4"|"h5"|"h6"|"head"|"header"|"hgroup"|"hr"|"html"|"i"|"iframe"|"input"|"ins"|"kbd"|"keygen"|"label"|"legend"|"li"|"map"|"mark"|"meta"|"meter"|"nav"|"noindex"|"noscript"|"ol"|"optgroup"|"output"|"p"|"param"|"picture"|"pre"|"progress"|"q"|"rp"|"rt"|"ruby"|"s"|"samp"|"script"|"section"|"select"|"source"|"span"|"strong"|"sub"|"summary"|"sup"|"template"|"tbody"|"td"|"textarea"|"tfoot"|"thead"|"track"|"u"|"ul"|"var"|"video"|"wbr"|"webview"|"svg"|"animate"|"animateMotion"|"animateTransform"|"clipPath"|"defs"|"desc"|"ellipse"|"feBlend"|"feColorMatrix"|"feComponentTransfer"|"feComposite"|"feConvolveMatrix"|"feDiffuseLighting"|"feDisplacementMap"|"feDistantLight"|"feDropShadow"|"feFlood"|"feFuncA"|"feFuncB"|"feFuncG"|"feFuncR"|"feGaussianBlur"|"feImage"|"feMerge"|"feMergeNode"|"feMorphology"|"feOffset"|"fePointLight"|"feSpecularLighting"|"feSpotLight"|"feTile"|"feTurbulence"|"filter"|"foreignObject"|"g"|"image"|"line"|"linearGradient"|"marker"|"mask"|"metadata"|"mpath"|"path"|"pattern"|"polygon"|"polyline"|"radialGradient"|"rect"|"set"|"stop"|"textPath"|"tspan"|"use"|"view";h3?:HeadingComponent|"symbol"|"object"|"text"|"style"|"slot"|"title"|"th"|"tr"|"search"|"article"|"button"|"dialog"|"figure"|"form"|"img"|"link"|"main"|"menu"|"menuitem"|"option"|"switch"|"table"|"small"|"circle"|"time"|"center"|"a"|"abbr"|"address"|"area"|"aside"|"audio"|"b"|"base"|"bdi"|"bdo"|"big"|"blockquote"|"body"|"br"|"canvas"|"caption"|"cite"|"code"|"col"|"colgroup"|"data"|"datalist"|"dd"|"del"|"details"|"dfn"|"div"|"dl"|"dt"|"em"|"embed"|"fieldset"|"figcaption"|"footer"|"h1"|"h2"|"h3"|"h4"|"h5"|"h6"|"head"|"header"|"hgroup"|"hr"|"html"|"i"|"iframe"|"input"|"ins"|"kbd"|"keygen"|"label"|"legend"|"li"|"map"|"mark"|"meta"|"meter"|"nav"|"noindex"|"noscript"|"ol"|"optgroup"|"output"|"p"|"param"|"picture"|"pre"|"progress"|"q"|"rp"|"rt"|"ruby"|"s"|"samp"|"script"|"section"|"select"|"source"|"span"|"strong"|"sub"|"summary"|"sup"|"template"|"tbody"|"td"|"textarea"|"tfoot"|"thead"|"track"|"u"|"ul"|"var"|"video"|"wbr"|"webview"|"svg"|"animate"|"animateMotion"|"animateTransform"|"clipPath"|"defs"|"desc"|"ellipse"|"feBlend"|"feColorMatrix"|"feComponentTransfer"|"feComposite"|"feConvolveMatrix"|"feDiffuseLighting"|"feDisplacementMap"|"feDistantLight"|"feDropShadow"|"feFlood"|"feFuncA"|"feFuncB"|"feFuncG"|"feFuncR"|"feGaussianBlur"|"feImage"|"feMerge"|"feMergeNode"|"feMorphology"|"feOffset"|"fePointLight"|"feSpecularLighting"|"feSpotLight"|"feTile"|"feTurbulence"|"filter"|"foreignObject"|"g"|"image"|"line"|"linearGradient"|"marker"|"mask"|"metadata"|"mpath"|"path"|"pattern"|"polygon"|"polyline"|"radialGradient"|"rect"|"set"|"stop"|"textPath"|"tspan"|"use"|"view";h4?:HeadingComponent|"symbol"|"object"|"text"|"style"|"slot"|"title"|"th"|"tr"|"search"|"article"|"button"|"dialog"|"figure"|"form"|"img"|"link"|"main"|"menu"|"menuitem"|"option"|"switch"|"table"|"small"|"circle"|"time"|"center"|"a"|"abbr"|"address"|"area"|"aside"|"audio"|"b"|"base"|"bdi"|"bdo"|"big"|"blockquote"|"body"|"br"|"canvas"|"caption"|"cite"|"code"|"col"|"colgroup"|"data"|"datalist"|"dd"|"del"|"details"|"dfn"|"div"|"dl"|"dt"|"em"|"embed"|"fieldset"|"figcaption"|"footer"|"h1"|"h2"|"h3"|"h4"|"h5"|"h6"|"head"|"header"|"hgroup"|"hr"|"html"|"i"|"iframe"|"input"|"ins"|"kbd"|"keygen"|"label"|"legend"|"li"|"map"|"mark"|"meta"|"meter"|"nav"|"noindex"|"noscript"|"ol"|"optgroup"|"output"|"p"|"param"|"picture"|"pre"|"progress"|"q"|"rp"|"rt"|"ruby"|"s"|"samp"|"script"|"section"|"select"|"source"|"span"|"strong"|"sub"|"summary"|"sup"|"template"|"tbody"|"td"|"textarea"|"tfoot"|"thead"|"track"|"u"|"ul"|"var"|"video"|"wbr"|"webview"|"svg"|"animate"|"animateMotion"|"animateTransform"|"clipPath"|"defs"|"desc"|"ellipse"|"feBlend"|"feColorMatrix"|"feComponentTransfer"|"feComposite"|"feConvolveMatrix"|"feDiffuseLighting"|"feDisplacementMap"|"feDistantLight"|"feDropShadow"|"feFlood"|"feFuncA"|"feFuncB"|"feFuncG"|"feFuncR"|"feGaussianBlur"|"feImage"|"feMerge"|"feMergeNode"|"feMorphology"|"feOffset"|"fePointLight"|"feSpecularLighting"|"feSpotLight"|"feTile"|"feTurbulence"|"filter"|"foreignObject"|"g"|"image"|"line"|"linearGradient"|"marker"|"mask"|"metadata"|"mpath"|"path"|"pattern"|"polygon"|"polyline"|"radialGradient"|"rect"|"set"|"stop"|"textPath"|"tspan"|"use"|"view";h5?:HeadingComponent|"symbol"|"object"|"text"|"style"|"slot"|"title"|"th"|"tr"|"search"|"article"|"button"|"dialog"|"figure"|"form"|"img"|"link"|"main"|"menu"|"menuitem"|"option"|"switch"|"table"|"small"|"circle"|"time"|"center"|"a"|"abbr"|"address"|"area"|"aside"|"audio"|"b"|"base"|"bdi"|"bdo"|"big"|"blockquote"|"body"|"br"|"canvas"|"caption"|"cite"|"code"|"col"|"colgroup"|"data"|"datalist"|"dd"|"del"|"details"|"dfn"|"div"|"dl"|"dt"|"em"|"embed"|"fieldset"|"figcaption"|"footer"|"h1"|"h2"|"h3"|"h4"|"h5"|"h6"|"head"|"header"|"hgroup"|"hr"|"html"|"i"|"iframe"|"input"|"ins"|"kbd"|"keygen"|"label"|"legend"|"li"|"map"|"mark"|"meta"|"meter"|"nav"|"noindex"|"noscript"|"ol"|"optgroup"|"output"|"p"|"param"|"picture"|"pre"|"progress"|"q"|"rp"|"rt"|"ruby"|"s"|"samp"|"script"|"section"|"select"|"source"|"span"|"strong"|"sub"|"summary"|"sup"|"template"|"tbody"|"td"|"textarea"|"tfoot"|"thead"|"track"|"u"|"ul"|"var"|"video"|"wbr"|"webview"|"svg"|"animate"|"animateMotion"|"animateTransform"|"clipPath"|"defs"|"desc"|"ellipse"|"feBlend"|"feColorMatrix"|"feComponentTransfer"|"feComposite"|"feConvolveMatrix"|"feDiffuseLighting"|"feDisplacementMap"|"feDistantLight"|"feDropShadow"|"feFlood"|"feFuncA"|"feFuncB"|"feFuncG"|"feFuncR"|"feGaussianBlur"|"feImage"|"feMerge"|"feMergeNode"|"feMorphology"|"feOffset"|"fePointLight"|"feSpecularLighting"|"feSpotLight"|"feTile"|"feTurbulence"|"filter"|"foreignObject"|"g"|"image"|"line"|"linearGradient"|"marker"|"mask"|"metadata"|"mpath"|"path"|"pattern"|"polygon"|"polyline"|"radialGradient"|"rect"|"set"|"stop"|"textPath"|"tspan"|"use"|"view";h6?:HeadingComponent|"symbol"|"object"|"text"|"style"|"slot"|"title"|"th"|"tr"|"search"|"article"|"button"|"dialog"|"figure"|"form"|"img"|"link"|"main"|"menu"|"menuitem"|"option"|"switch"|"table"|"small"|"circle"|"time"|"center"|"a"|"abbr"|"address"|"area"|"aside"|"audio"|"b"|"base"|"bdi"|"bdo"|"big"|"blockquote"|"body"|"br"|"canvas"|"caption"|"cite"|"code"|"col"|"colgroup"|"data"|"datalist"|"dd"|"del"|"details"|"dfn"|"div"|"dl"|"dt"|"em"|"embed"|"fieldset"|"figcaption"|"footer"|"h1"|"h2"|"h3"|"h4"|"h5"|"h6"|"head"|"header"|"hgroup"|"hr"|"html"|"i"|"iframe"|"input"|"ins"|"kbd"|"keygen"|"label"|"legend"|"li"|"map"|"mark"|"meta"|"meter"|"nav"|"noindex"|"noscript"|"ol"|"optgroup"|"output"|"p"|"param"|"picture"|"pre"|"progress"|"q"|"rp"|"rt"|"ruby"|"s"|"samp"|"script"|"section"|"select"|"source"|"span"|"strong"|"sub"|"summary"|"sup"|"template"|"tbody"|"td"|"textarea"|"tfoot"|"thead"|"track"|"u"|"ul"|"var"|"video"|"wbr"|"webview"|"svg"|"animate"|"animateMotion"|"animateTransform"|"clipPath"|"defs"|"desc"|"ellipse"|"feBlend"|"feColorMatrix"|"feComponentTransfer"|"feComposite"|"feConvolveMatrix"|"feDiffuseLighting"|"feDisplacementMap"|"feDistantLight"|"feDropShadow"|"feFlood"|"feFuncA"|"feFuncB"|"feFuncG"|"feFuncR"|"feGaussianBlur"|"feImage"|"feMerge"|"feMergeNode"|"feMorphology"|"feOffset"|"fePointLight"|"feSpecularLighting"|"feSpotLight"|"feTile"|"feTurbulence"|"filter"|"foreignObject"|"g"|"image"|"line"|"linearGradient"|"marker"|"mask"|"metadata"|"mpath"|"path"|"pattern"|"polygon"|"polyline"|"radialGradient"|"rect"|"set"|"stop"|"textPath"|"tspan"|"use"|"view";li?:LiComponent|"symbol"|"object"|"text"|"style"|"slot"|"title"|"th"|"tr"|"search"|"article"|"button"|"dialog"|"figure"|"form"|"img"|"link"|"main"|"menu"|"menuitem"|"option"|"switch"|"table"|"small"|"circle"|"time"|"center"|"a"|"abbr"|"address"|"area"|"aside"|"audio"|"b"|"base"|"bdi"|"bdo"|"big"|"blockquote"|"body"|"br"|"canvas"|"caption"|"cite"|"code"|"col"|"colgroup"|"data"|"datalist"|"dd"|"del"|"details"|"dfn"|"div"|"dl"|"dt"|"em"|"embed"|"fieldset"|"figcaption"|"footer"|"h1"|"h2"|"h3"|"h4"|"h5"|"h6"|"head"|"header"|"hgroup"|"hr"|"html"|"i"|"iframe"|"input"|"ins"|"kbd"|"keygen"|"label"|"legend"|"li"|"map"|"mark"|"meta"|"meter"|"nav"|"noindex"|"noscript"|"ol"|"optgroup"|"output"|"p"|"param"|"picture"|"pre"|"progress"|"q"|"rp"|"rt"|"ruby"|"s"|"samp"|"script"|"section"|"select"|"source"|"span"|"strong"|"sub"|"summary"|"sup"|"template"|"tbody"|"td"|"textarea"|"tfoot"|"thead"|"track"|"u"|"ul"|"var"|"video"|"wbr"|"webview"|"svg"|"animate"|"animateMotion"|"animateTransform"|"clipPath"|"defs"|"desc"|"ellipse"|"feBlend"|"feColorMatrix"|"feComponentTransfer"|"feComposite"|"feConvolveMatrix"|"feDiffuseLighting"|"feDisplacementMap"|"feDistantLight"|"feDropShadow"|"feFlood"|"feFuncA"|"feFuncB"|"feFuncG"|"feFuncR"|"feGaussianBlur"|"feImage"|"feMerge"|"feMergeNode"|"feMorphology"|"feOffset"|"fePointLight"|"feSpecularLighting"|"feSpotLight"|"feTile"|"feTurbulence"|"filter"|"foreignObject"|"g"|"image"|"line"|"linearGradient"|"marker"|"mask"|"metadata"|"mpath"|"path"|"pattern"|"polygon"|"polyline"|"radialGradient"|"rect"|"set"|"stop"|"textPath"|"tspan"|"use"|"view";ol?:OrderedListComponent|"symbol"|"object"|"text"|"style"|"slot"|"title"|"th"|"tr"|"search"|"article"|"button"|"dialog"|"figure"|"form"|"img"|"link"|"main"|"menu"|"menuitem"|"option"|"switch"|"table"|"small"|"circle"|"time"|"center"|"a"|"abbr"|"address"|"area"|"aside"|"audio"|"b"|"base"|"bdi"|"bdo"|"big"|"blockquote"|"body"|"br"|"canvas"|"caption"|"cite"|"code"|"col"|"colgroup"|"data"|"datalist"|"dd"|"del"|"details"|"dfn"|"div"|"dl"|"dt"|"em"|"embed"|"fieldset"|"figcaption"|"footer"|"h1"|"h2"|"h3"|"h4"|"h5"|"h6"|"head"|"header"|"hgroup"|"hr"|"html"|"i"|"iframe"|"input"|"ins"|"kbd"|"keygen"|"label"|"legend"|"li"|"map"|"mark"|"meta"|"meter"|"nav"|"noindex"|"noscript"|"ol"|"optgroup"|"output"|"p"|"param"|"picture"|"pre"|"progress"|"q"|"rp"|"rt"|"ruby"|"s"|"samp"|"script"|"section"|"select"|"source"|"span"|"strong"|"sub"|"summary"|"sup"|"template"|"tbody"|"td"|"textarea"|"tfoot"|"thead"|"track"|"u"|"ul"|"var"|"video"|"wbr"|"webview"|"svg"|"animate"|"animateMotion"|"animateTransform"|"clipPath"|"defs"|"desc"|"ellipse"|"feBlend"|"feColorMatrix"|"feComponentTransfer"|"feComposite"|"feConvolveMatrix"|"feDiffuseLighting"|"feDisplacementMap"|"feDistantLight"|"feDropShadow"|"feFlood"|"feFuncA"|"feFuncB"|"feFuncG"|"feFuncR"|"feGaussianBlur"|"feImage"|"feMerge"|"feMergeNode"|"feMorphology"|"feOffset"|"fePointLight"|"feSpecularLighting"|"feSpotLight"|"feTile"|"feTurbulence"|"filter"|"foreignObject"|"g"|"image"|"line"|"linearGradient"|"marker"|"mask"|"metadata"|"mpath"|"path"|"pattern"|"polygon"|"polyline"|"radialGradient"|"rect"|"set"|"stop"|"textPath"|"tspan"|"use"|"view";td?:TableDataCellComponent|"symbol"|"object"|"text"|"style"|"slot"|"title"|"th"|"tr"|"search"|"article"|"button"|"dialog"|"figure"|"form"|"img"|"link"|"main"|"menu"|"menuitem"|"option"|"switch"|"table"|"small"|"circle"|"time"|"center"|"a"|"abbr"|"address"|"area"|"aside"|"audio"|"b"|"base"|"bdi"|"bdo"|"big"|"blockquote"|"body"|"br"|"canvas"|"caption"|"cite"|"code"|"col"|"colgroup"|"data"|"datalist"|"dd"|"del"|"details"|"dfn"|"div"|"dl"|"dt"|"em"|"embed"|"fieldset"|"figcaption"|"footer"|"h1"|"h2"|"h3"|"h4"|"h5"|"h6"|"head"|"header"|"hgroup"|"hr"|"html"|"i"|"iframe"|"input"|"ins"|"kbd"|"keygen"|"label"|"legend"|"li"|"map"|"mark"|"meta"|"meter"|"nav"|"noindex"|"noscript"|"ol"|"optgroup"|"output"|"p"|"param"|"picture"|"pre"|"progress"|"q"|"rp"|"rt"|"ruby"|"s"|"samp"|"script"|"section"|"select"|"source"|"span"|"strong"|"sub"|"summary"|"sup"|"template"|"tbody"|"td"|"textarea"|"tfoot"|"thead"|"track"|"u"|"ul"|"var"|"video"|"wbr"|"webview"|"svg"|"animate"|"animateMotion"|"animateTransform"|"clipPath"|"defs"|"desc"|"ellipse"|"feBlend"|"feColorMatrix"|"feComponentTransfer"|"feComposite"|"feConvolveMatrix"|"feDiffuseLighting"|"feDisplacementMap"|"feDistantLight"|"feDropShadow"|"feFlood"|"feFuncA"|"feFuncB"|"feFuncG"|"feFuncR"|"feGaussianBlur"|"feImage"|"feMerge"|"feMergeNode"|"feMorphology"|"feOffset"|"fePointLight"|"feSpecularLighting"|"feSpotLight"|"feTile"|"feTurbulence"|"filter"|"foreignObject"|"g"|"image"|"line"|"linearGradient"|"marker"|"mask"|"metadata"|"mpath"|"path"|"pattern"|"polygon"|"polyline"|"radialGradient"|"rect"|"set"|"stop"|"textPath"|"tspan"|"use"|"view";th?:TableHeaderCellComponent|"symbol"|"object"|"text"|"style"|"slot"|"title"|"th"|"tr"|"search"|"article"|"button"|"dialog"|"figure"|"form"|"img"|"link"|"main"|"menu"|"menuitem"|"option"|"switch"|"table"|"small"|"circle"|"time"|"center"|"a"|"abbr"|"address"|"area"|"aside"|"audio"|"b"|"base"|"bdi"|"bdo"|"big"|"blockquote"|"body"|"br"|"canvas"|"caption"|"cite"|"code"|"col"|"colgroup"|"data"|"datalist"|"dd"|"del"|"details"|"dfn"|"div"|"dl"|"dt"|"em"|"embed"|"fieldset"|"figcaption"|"footer"|"h1"|"h2"|"h3"|"h4"|"h5"|"h6"|"head"|"header"|"hgroup"|"hr"|"html"|"i"|"iframe"|"input"|"ins"|"kbd"|"keygen"|"label"|"legend"|"li"|"map"|"mark"|"meta"|"meter"|"nav"|"noindex"|"noscript"|"ol"|"optgroup"|"output"|"p"|"param"|"picture"|"pre"|"progress"|"q"|"rp"|"rt"|"ruby"|"s"|"samp"|"script"|"section"|"select"|"source"|"span"|"strong"|"sub"|"summary"|"sup"|"template"|"tbody"|"td"|"textarea"|"tfoot"|"thead"|"track"|"u"|"ul"|"var"|"video"|"wbr"|"webview"|"svg"|"animate"|"animateMotion"|"animateTransform"|"clipPath"|"defs"|"desc"|"ellipse"|"feBlend"|"feColorMatrix"|"feComponentTransfer"|"feComposite"|"feConvolveMatrix"|"feDiffuseLighting"|"feDisplacementMap"|"feDistantLight"|"feDropShadow"|"feFlood"|"feFuncA"|"feFuncB"|"feFuncG"|"feFuncR"|"feGaussianBlur"|"feImage"|"feMerge"|"feMergeNode"|"feMorphology"|"feOffset"|"fePointLight"|"feSpecularLighting"|"feSpotLight"|"feTile"|"feTurbulence"|"filter"|"foreignObject"|"g"|"image"|"line"|"linearGradient"|"marker"|"mask"|"metadata"|"mpath"|"path"|"pattern"|"polygon"|"polyline"|"radialGradient"|"rect"|"set"|"stop"|"textPath"|"tspan"|"use"|"view";tr?:TableRowComponent|"symbol"|"object"|"text"|"style"|"slot"|"title"|"th"|"tr"|"search"|"article"|"button"|"dialog"|"figure"|"form"|"img"|"link"|"main"|"menu"|"menuitem"|"option"|"switch"|"table"|"small"|"circle"|"time"|"center"|"a"|"abbr"|"address"|"area"|"aside"|"audio"|"b"|"base"|"bdi"|"bdo"|"big"|"blockquote"|"body"|"br"|"canvas"|"caption"|"cite"|"code"|"col"|"colgroup"|"data"|"datalist"|"dd"|"del"|"details"|"dfn"|"div"|"dl"|"dt"|"em"|"embed"|"fieldset"|"figcaption"|"footer"|"h1"|"h2"|"h3"|"h4"|"h5"|"h6"|"head"|"header"|"hgroup"|"hr"|"html"|"i"|"iframe"|"input"|"ins"|"kbd"|"keygen"|"label"|"legend"|"li"|"map"|"mark"|"meta"|"meter"|"nav"|"noindex"|"noscript"|"ol"|"optgroup"|"output"|"p"|"param"|"picture"|"pre"|"progress"|"q"|"rp"|"rt"|"ruby"|"s"|"samp"|"script"|"section"|"select"|"source"|"span"|"strong"|"sub"|"summary"|"sup"|"template"|"tbody"|"td"|"textarea"|"tfoot"|"thead"|"track"|"u"|"ul"|"var"|"video"|"wbr"|"webview"|"svg"|"animate"|"animateMotion"|"animateTransform"|"clipPath"|"defs"|"desc"|"ellipse"|"feBlend"|"feColorMatrix"|"feComponentTransfer"|"feComposite"|"feConvolveMatrix"|"feDiffuseLighting"|"feDisplacementMap"|"feDistantLight"|"feDropShadow"|"feFlood"|"feFuncA"|"feFuncB"|"feFuncG"|"feFuncR"|"feGaussianBlur"|"feImage"|"feMerge"|"feMergeNode"|"feMorphology"|"feOffset"|"fePointLight"|"feSpecularLighting"|"feSpotLight"|"feTile"|"feTurbulence"|"filter"|"foreignObject"|"g"|"image"|"line"|"linearGradient"|"marker"|"mask"|"metadata"|"mpath"|"path"|"pattern"|"polygon"|"polyline"|"radialGradient"|"rect"|"set"|"stop"|"textPath"|"tspan"|"use"|"view";ul?:UnorderedListComponent|"symbol"|"object"|"text"|"style"|"slot"|"title"|"th"|"tr"|"search"|"article"|"button"|"dialog"|"figure"|"form"|"img"|"link"|"main"|"menu"|"menuitem"|"option"|"switch"|"table"|"small"|"circle"|"time"|"center"|"a"|"abbr"|"address"|"area"|"aside"|"audio"|"b"|"base"|"bdi"|"bdo"|"big"|"blockquote"|"body"|"br"|"canvas"|"caption"|"cite"|"code"|"col"|"colgroup"|"data"|"datalist"|"dd"|"del"|"details"|"dfn"|"div"|"dl"|"dt"|"em"|"embed"|"fieldset"|"figcaption"|"footer"|"h1"|"h2"|"h3"|"h4"|"h5"|"h6"|"head"|"header"|"hgroup"|"hr"|"html"|"i"|"iframe"|"input"|"ins"|"kbd"|"keygen"|"label"|"legend"|"li"|"map"|"mark"|"meta"|"meter"|"nav"|"noindex"|"noscript"|"ol"|"optgroup"|"output"|"p"|"param"|"picture"|"pre"|"progress"|"q"|"rp"|"rt"|"ruby"|"s"|"samp"|"script"|"section"|"select"|"source"|"span"|"strong"|"sub"|"summary"|"sup"|"template"|"tbody"|"td"|"textarea"|"tfoot"|"thead"|"track"|"u"|"ul"|"var"|"video"|"wbr"|"webview"|"svg"|"animate"|"animateMotion"|"animateTransform"|"clipPath"|"defs"|"desc"|"ellipse"|"feBlend"|"feColorMatrix"|"feComponentTransfer"|"feComposite"|"feConvolveMatrix"|"feDiffuseLighting"|"feDisplacementMap"|"feDistantLight"|"feDropShadow"|"feFlood"|"feFuncA"|"feFuncB"|"feFuncG"|"feFuncR"|"feGaussianBlur"|"feImage"|"feMerge"|"feMergeNode"|"feMorphology"|"feOffset"|"fePointLight"|"feSpecularLighting"|"feSpotLight"|"feTile"|"feTurbulence"|"filter"|"foreignObject"|"g"|"image"|"line"|"linearGradient"|"marker"|"mask"|"metadata"|"mpath"|"path"|"pattern"|"polygon"|"polyline"|"radialGradient"|"rect"|"set"|"stop"|"textPath"|"tspan"|"use"|"view"}--
customRender--(dom:React.ReactNode,context:{ text: string; })=>ReactNode--
enableImageGallery--boolean--
enableLatex--boolean--
enableMermaid--boolean--
fullFeaturedCodeBlock--boolean--
onDoubleClick--()=>void--
rehypePlugins--Pluggable<Array>[]--
remarkPlugins--Pluggable<Array>[]--
style--{}--
variant--"normal"|"chat"--
fontSize--number--
headerMultiple--number--
lineHeight--number--
marginMultiple--number--