div中的文本块中有```代码块怎么用代码块的格式显示？

Question

怎么让div中的用代码块显示

Answer 1

如果你想在div中的文本块中显示代码块，可以使用HTML中的<code>标签或者<pre>标签来实现。

使用<code>标签可以将文本中的代码块以行内元素的形式进行展示，示例如下：

<div>
  <p>以下是一段代码：</p>
  <code>
    function add(a, b) {
      return a + b;
    }
  </code>
</div>

使用<pre>标签可以将文本中的代码块以块级元素的形式进行展示，同时保留代码中的空格、换行等格式，示例如下：

<div>
  <p>以下是一段代码：</p>
  <pre>
    function add(a, b) {
      return a + b;
    }
  </pre>
</div>

Answer 2

你需要的应该是这个 https://www.npmjs.com/package/showdown
因为 div 中的内容很明显是 Markdown

把 div 中的内容取出来通过这个模块转换成 html 再写回到 div 中