王书硕的博客

代码高亮

Posted on Jul 2, 2024

代码高亮

在react中高亮代码

<pre className="pl-[45px] leading-none">
  <code dangerouslySetInnerHTML={{ __html: highlightedCode.trim() }} />
</pre>

将代码字符串改为 mark 元素

${escapeHtml(name)}

替换

  1. 正则
  2. AST

dangerouslySetInnerHTML需要处理大于号、小于号等符号