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