gitea/FastGPT
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

markdown

Browse Source
This commit is contained in:
archer 2023-06-20 14:49:43 +08:00
parent 11ce10cd80
commit d592d4e99a
No known key found for this signature in database
GPG Key ID: 569A5660D2379E28
4 changed files with 4 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

0
client/src/components/Markdown/Image.tsx → client/src/components/Markdown/img/Image.tsx
View File

0
client/src/components/Markdown/Loading.tsx → client/src/components/Markdown/img/Loading.tsx
View File

6
client/src/components/Markdown/MermaidCodeBlock.tsx → client/src/components/Markdown/img/MermaidCodeBlock.tsx
View File

@ -2,9 +2,7 @@ import React, { useEffect, useRef, memo, useCallback, useState, useMemo } from '
import { Box } from '@chakra-ui/react'; import { Box } from '@chakra-ui/react';
// @ts-ignore // @ts-ignore
import mermaid from 'mermaid'; import mermaid from 'mermaid';
import MyIcon from '../Icon'; import MyIcon from '../../Icon';
import styles from './index.module.scss';
const mermaidAPI = mermaid.mermaidAPI; const mermaidAPI = mermaid.mermaidAPI;
mermaidAPI.initialize({ mermaidAPI.initialize({
@ -110,8 +108,8 @@ const MermaidBlock = ({ code }: { code: string }) => {
}} }}
> >
<Box <Box
overflowX={'auto'}
ref={ref} ref={ref}
className={`${styles.mermaid}`}
minW={'100px'} minW={'100px'}
minH={'50px'} minH={'50px'}
py={4} py={4}

4
client/src/components/Markdown/index.tsx
View File

@ -10,8 +10,8 @@ import styles from './index.module.scss';
import Link from './Link'; import Link from './Link';
import CodeLight from './CodeLight'; import CodeLight from './CodeLight';
import MermaidCodeBlock from './MermaidCodeBlock'; import MermaidCodeBlock from './img/MermaidCodeBlock';
import MdImage from './Image'; import MdImage from './img/Image';
function Code({ inline, className, children }: any) { function Code({ inline, className, children }: any) {
const match = /language-(\w+)/.exec(className || ''); const match = /language-(\w+)/.exec(className || '');