javascript如何实现Markdown解析_marked.js如何使用

最常用、最成熟的 JavaScript Markdown 解析方案是 marked.js，它轻量快速、支持 CommonMark 与 GFM 扩展，兼容浏览器和 Node.js，提供同步/异步渲染、自定义渲染器及安全 sanitize 选项。

JavaScript 中实现 Markdown 解析，最常用、最成熟的方式就是使用 marked.js。它轻量、速度快、支持 CommonMark 规范，且可扩展，适合浏览器端和 Node.js 环境。

安装与引入 marked.js

根据运行环境选择方式：

• 浏览器中直接使用 CDN（适合快速上手或简单页面）：<br><br> 引入后全局可用 marked 函数。
• Node.js 项目中安装（推荐用于服务端渲染或构建流程）：<br>npm install marked<br> 然后在代码中：<br>const marked = require('marked');（CommonJS）<br> 或 import marked from 'marked';（ES Module）

基础用法：把 Markdown 字符串转为 HTML

最简单的调用只需一行：

const html = marked('# Hello\n\nThis is **bold** and [a link](/).');

登录后复制

结果是带格式的 HTML 字符串，可插入 DOM：

立即学习“Java免费学习笔记（深入）”；

document.getElementById('content').innerHTML = html;

登录后复制

⚠️ 注意：marked 默认不转义 HTML 标签（即允许原始 HTML），如需安全渲染（尤其处理用户输入），应开启 sanitize: true 或配合 DOMPurify 使用。

标签： javascript java html js markdown node.js node npm 浏览器 ai cdn