如何在 HTML 页面中显示 Markdown 格式的文字
要在 HTML 页面中显示 Markdown 格式的文字,可以使用第三方的 JavaScript 库,如 marked.js 或 showdown.js。这些库可以将 Markdown 文本转换为 HTML 代码,然后将其插入到网页中。下面是一个简单的示例:
1. 在 HTML 文件中引入 marked.js 库:
<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
2. 创建一个包含 Markdown 文本的元素:
<div id='markdown-text'>
# Hello, world!
This is bold text.
</div>
3. 使用 JavaScript 将 Markdown 文本转换为 HTML 代码并插入到页面中:
<script>
var markdownText = document.getElementById('markdown-text').innerHTML;
var htmlText = marked(markdownText);
document.getElementById('markdown-text').innerHTML = htmlText;
</script>
这将把 Markdown 文本转换为 HTML 代码,并将其插入到页面中,使其在网页中显示 Markdown 格式的文字。
原文地址: https://www.cveoy.top/t/topic/l6HB 著作权归作者所有。请勿转载和采集!