HighlightCode代码高亮
HighlightCode
代码高亮
Ant Design XMarkdown 中需要渲染高亮代码块。
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| lang | 语言 | string | - |
| children | 代码内容 | string | - |
| header | 顶部 | React.ReactNode | null | React.ReactNode |
| className | 样式类名 | string | |
| classNames | 样式类名 | string | - |
| highlightProps | 代码高亮配置 | highlightProps | - |
| Token 名称 | 描述 | 类型 | 默认值 |
|---|---|---|---|
| colorBgTitle | 标题背景颜色 | string | rgba(0,0,0,0.06) |
| colorBorderCode | 代码块边框颜色 | string | #f0f0f0 |
| colorTextTitle | 标题文本颜色 | string | rgba(0,0,0,0.88) |
import React from 'react';
import { XMarkdown } from '@ant-design/x-markdown';
const App = () => <XMarkdown content='Hello World' />;
export default App;