AI/dify
1
0
Fork 0
mirror of https://git.mirrors.martin98.com/https://github.com/langgenius/dify.git synced 2025-08-13 16:49:02 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: add copy button to code (#3719)

Browse Source
This commit is contained in:
crazywoola 2024-04-24 09:34:51 +08:00 committed by GitHub
parent 7d9c5586f9
commit a23a191615
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
web/app/components/app/chat/style.module.css
View File

@ -44,6 +44,10 @@
display: none; display: none;
} }
pre:hover .copyBtn {
display: block;
}
.answerWrapWrap, .answerWrapWrap,
.questionWrapWrap { .questionWrapWrap {
width: 0; width: 0;

3
web/app/components/base/markdown.tsx
View File

@ -82,7 +82,6 @@ const useLazyLoad = (ref: RefObject<Element>): boolean => {
} }
export function Markdown(props: { content: string; className?: string }) { export function Markdown(props: { content: string; className?: string }) {
const [isCopied, setIsCopied] = useState(false)
const [isSVG, setIsSVG] = useState(false) const [isSVG, setIsSVG] = useState(false)
return ( return (
<div className={cn(props.className, 'markdown-body')}> <div className={cn(props.className, 'markdown-body')}>
@ -92,7 +91,7 @@ export function Markdown(props: { content: string; className?: string }) {
RehypeKatex, RehypeKatex,
]} ]}
components={{ components={{
code({ node, inline, className, children, ...props }) { code({ inline, className, children, ...props }) {
const match = /language-(\w+)/.exec(className || '') const match = /language-(\w+)/.exec(className || '')
const language = match?.[1] const language = match?.[1]
const languageShowName = getCorrectCapitalizationLanguageName(language || '') const languageShowName = getCorrectCapitalizationLanguageName(language || '')