Marked.js及其插件CDN地址与关联使用方法

CDN地址 - marked.js：`https://cdn.jsdelivr.net/npm/marked/marked.min.js` - marked-highlight：`https://cdn.jsdelivr.net/npm/marked-highlight@2.0.0/lib/marked-highlight.min.js` - marked-emoji：`https://cdn.jsdelivr.net/npm/marked-emoji@2.0.0/lib/marked-emoji.min.js` - marked-extended-tables：`https://cdn.jsdelivr.net/npm/marked-extended-tables@2.0.0/lib/marked-extended-tables.min.js` 关联使用方式以下是一个简单的HTML示例，展示如何关联使用这些库： ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Marked.js Example</title>  <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>  <script src="https://cdn.jsdelivr.net/npm/marked-highlight@2.0.0/lib/marked-highlight.min.js"></script>  <script src="https://cdn.jsdelivr.net/npm/marked-emoji@2.0.0/lib/marked-emoji.min.js"></script>  <script src="https://cdn.jsdelivr.net/npm/marked-extended-tables@2.0.0/lib/marked-extended-tables.min.js"></script>  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/highlight.js@11.8.0/styles/default.min.css"> <script src="https://cdn.jsdelivr.net/npm/highlight.js@11.8.0/lib/highlight.min.js"></script> </head> <body> <div id="output"></div> <script> // 配置marked.js并使用插件 marked.use( // 使用marked-highlight插件 markedHighlight({ langPrefix: 'hljs language-', highlight(code, lang) { const language = hljs.getLanguage(lang) ? lang : 'plaintext'; return hljs.highlight(code, { language }).value; } }), // 使用marked-emoji插件 markedEmoji(), // 使用marked-extended-tables插件 markedExtendedTables() ); // 示例Markdown文本 const markdown = ` # Hello, World! :smile: \`\`\`javascript function greet() { return 'Hello, World!'; } \`\`\` | Header 1 | Header 2 | |----------|----------| | Cell 1 | Cell 2 | `; // 将Markdown转换为HTML const html = marked.parse(markdown); // 将HTML插入到页面中 document.getElementById('output').innerHTML = html; </script> </body> </html> ``` 在这个示例中，先引入了各个库的CDN链接，然后使用`marked.use()`方法将`marked-highlight`、`marked-emoji`和`marked-extended-tables`插件应用到`marked.js`中。使用`marked.parse()`方法将Markdown文本转换为HTML，并将其插入到页面中。 ######[AI问答 | 833点数解答 | 2026-02-12 22:06:44]

服务商

更多选项

快捷项

自定义