YourSelfHosted/memos
1
0
Fork 0
mirror of https://github.com/usememos/memos.git synced 2025-06-05 22:09:59 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: add highlight for code block (#291)

Browse Source 
* feat: add highlight for code block

* chore: update test
This commit is contained in:
boojack
2022-10-14 22:29:28 +08:00
committed by GitHub
parent 65a61ed270
commit eefd0444c8
6 changed files with 24 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
web/src/labs/marked/parser/CodeBlock.ts
View File

@ -1,4 +1,5 @@
import { escape } from "lodash-es";
import hljs from "highlight.js";
export const CODE_BLOCK_REG = /^```(\S*?)\s([\s\S]*?)```(\n?)/;
@ -8,7 +9,12 @@ const renderer = (rawStr: string): string => {
return rawStr;
}
return `<pre lang='${escape(matchResult[1])}'>\n${escape(matchResult[2])}</pre>${matchResult[3]}`;
const language = escape(matchResult[1]) || "plaintext";
const highlightedCodes = hljs.highlight(matchResult[2], {
language,
}).value;
return `<pre><code class="language-${language}">${highlightedCodes}</code></pre>${matchResult[3]}`;
};
export default {