laipeng/reflex
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update code

Browse Source
This commit is contained in:
Elijah 2024-10-01 14:42:57 +00:00
parent a4cc8d5c57
commit 2eca3b743f
1 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
reflex/.templates/web/components/shiki/code.js
View File

@ -1,23 +1,23 @@
import { useEffect, useState } from "react"
import { codeToHtml} from "shiki"
export function Code ({code, theme, language, themes, transformers}) {
export function Code ({code, theme, language, transformers, ...divProps}) {
const [codeResult, setCodeResult] = useState("")
useEffect(() => {
async function fetchCode() {
const result = await codeToHtml(code, {
lang: language || "plaintext",
theme: theme || "nord",
transformers: transformers || []
lang: language,
theme,
transformers
});
setCodeResult(result);
}
fetchCode();
}, [code, language, theme, themes, transformers]
}, [code, language, theme, transformers]
)
console.log(divProps)
return (
<div dangerouslySetInnerHTML={{__html: codeResult}}></div>
<div dangerouslySetInnerHTML={{__html: codeResult}} {...divProps} ></div>
)
}