teutat3s/elk
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

fix: render lang of code block

Browse source
This commit is contained in:
三咲智子 2022-11-26 11:15:04 +08:00
parent 714b8d2bb1
commit 0ada9e0448
No known key found for this signature in database
GPG key ID: 69992F2250DFD93E
1 changed files with 3 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
composables/content.ts
View file

@ -60,10 +60,9 @@ export function contentToVNode(
return `:${name}:`
})
// handle code frames
.replace(/<p>(```|~~~)([\s\S]+?)\1/g, (_1, _2, raw) => {
const plain = htmlToText(`<p>${raw}</p>`).trim()
const [lang, ...rest] = plain.split(/\n/)
return `<custom-code lang="${lang?.trim().toLowerCase() || ''}" code="${encodeURIComponent(rest.join('\n'))}"></custom-code>`
.replace(/<p>(```|~~~)([\w]*)([\s\S]+?)\1/g, (_1, _2, lang, raw) => {
const code = htmlToText(`<p>${raw}</p>`)
return `<custom-code lang="${lang?.trim().toLowerCase() || ''}" code="${encodeURIComponent(code)}"></custom-code>`
})
const tree = parseFragment(content)