首页 前端知识 在html中在线解析markdown语法

在html中在线解析markdown语法

2024-09-21 21:09:52 前端知识 前端哥 589 975 我要收藏

引入

<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>

准备容器

<div id="contentMark"></div>

塞入数据

<script>
  document.addEventListener('DOMContentLoaded', function() {
    var markdownText = "**Hello, World!**"; // 这里是你的Markdown文本
    var parsedMarkdown = marked(markdownText); // 使用marked.js解析Markdown
    document.getElementById('contentMark').innerHTML = parsedMarkdown; // 显示转换后的HTML
  });
</script>

注意有可能marked会报错找不到该方法,这个时候可以使用marked.marked

转载请注明出处或者链接地址:https://www.qianduange.cn//article/18510.html
标签
评论
发布的文章
大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!