fix: escaped special characters in code snippets #419
This commit is contained in:
parent
423fdb6992
commit
4df39179bb
@ -54,13 +54,15 @@ export const SyntaxHighlighterProvider: React.FC<PropsWithChildren> = ({ childre
|
|||||||
const codeToHtml = async (code: string, language: string) => {
|
const codeToHtml = async (code: string, language: string) => {
|
||||||
if (!highlighter) return ''
|
if (!highlighter) return ''
|
||||||
|
|
||||||
|
const escapedCode = code.replace(/[<>]/g, (char) => ({ '<': '<', '>': '>' })[char]!)
|
||||||
|
|
||||||
try {
|
try {
|
||||||
if (!highlighter.getLoadedLanguages().includes(language as BundledLanguage)) {
|
if (!highlighter.getLoadedLanguages().includes(language as BundledLanguage)) {
|
||||||
if (language in bundledLanguages || language === 'text') {
|
if (language in bundledLanguages || language === 'text') {
|
||||||
await highlighter.loadLanguage(language as BundledLanguage)
|
await highlighter.loadLanguage(language as BundledLanguage)
|
||||||
console.log(`Loaded language: ${language}`)
|
console.log(`Loaded language: ${language}`)
|
||||||
} else {
|
} else {
|
||||||
return `<pre style="padding: 10px"><code>${code}</code></pre>`
|
return `<pre style="padding: 10px"><code>${escapedCode}</code></pre>`
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -70,7 +72,7 @@ export const SyntaxHighlighterProvider: React.FC<PropsWithChildren> = ({ childre
|
|||||||
})
|
})
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
console.warn(`Error highlighting code for language '${language}':`, error)
|
console.warn(`Error highlighting code for language '${language}':`, error)
|
||||||
return `<pre style="padding: 10px"><code>${code}</code></pre>`
|
return `<pre style="padding: 10px"><code>${escapedCode}</code></pre>`
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user