如何在HTML中显示Markdown文本 - 示例代码

<div id='markdown-content'></div>
<script>
  var markdownText = '# Hello, Markdown!

This is a **markdown** text.

- item 1
- item 2
- item 3';

  var htmlContent = marked(markdownText);

  document.getElementById('markdown-content').innerHTML = htmlContent;
</script>
<p>本文介绍如何使用JavaScript库marked将Markdown文本转换为HTML代码，并将其展示在HTML页面中。</p>
<p><strong>示例代码:</strong></p>
<pre><code class="language-html">&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
  &lt;title&gt;Markdown to HTML Example&lt;/title&gt;
  &lt;script src='https://cdn.jsdelivr.net/npm/marked/marked.min.js'&gt;&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
  &lt;div id='markdown-content'&gt;&lt;/div&gt;

  &lt;script&gt;
    var markdownText = '# Hello, Markdown!

This is a **markdown** text.

- item 1
- item 2
- item 3';

    var htmlContent = marked(markdownText);

    document.getElementById('markdown-content').innerHTML = htmlContent;
  &lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>
<p>在这个示例中，我们使用了marked库将Markdown文本转换为HTML代码。我们在HTML页面中定义了一个<code>div</code>元素，然后使用JavaScript将转换后的HTML代码插入到这个元素中，从而展示Markdown文本。</p>