html的div中如何显示Markdown的格式的内容?

bluesky1年前 ⋅ 2360 阅读

要在HTML的div中显示Markdown格式的内容,您需要使用JavaScript库或框架,如marked.js或showdown.js。这些库可以将Markdown文本转换为HTML,您可以将转换后的HTML插入到div中。以下是一个示例:

```

   const markdownText = '# Hello, world!';

   const htmlText = marked(markdownText);

   document.getElementById('markdown-content').innerHTML = htmlText;

```

这里,我们首先在HTML中定义一个包含id为“markdown-content”的div元素。然后,我们通过调用marked.js库将Markdown文本(“# Hello, world!”)转换为HTML。最后,我们将HTML插入到div中。

请注意,由于Markdown的HTML输出已经包含在转换后的HTML中,因此您应该小心跟踪样式。您还可以使用CSS来自定义样式以匹配您的网站。

全部评论: 0

    

    1. 友善是交流的起点。
    2. 请尽量使用Chrome浏览器(手机端遇到不兼容其他浏览器的情况请使用简单编辑器)。
    3. 同一条评论中多@其他人更容易得到Time。
    4. 支持直接粘贴图片(gif等动图不支持复制粘贴到文本框,需手动保存后上传才可显示)。

    相关推荐