如何在前端渲染 markdown?

最近项目有个需求是在展示 markdown 文档,但是不能生成 html 储存,只能把 markdown 的内容通过 ajax 传递,然后再前端浏览器中进行处理。本人前端小白,请问有没有现成的库或者工具,就像 segmentfault 写文章时实时预览一样,只不过现在的情况是内容直接从后台获取到了而已。

阅读 24k
7 个回答

marked了解一下

<!doctype html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>Marked in the browser</title>
  <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
</head>
<body>
  <div id="content"></div>
  <script>
    document.getElementById('content').innerHTML =
      marked('# Marked in the browser\n\nRendered by **marked**.');
  </script>
</body>
</html>

segmentfault 不能上传附件哦,我有现成的代码

我之前用过 editor.md 这个repo, 链接描述 你可以了解下,还挺好用的,用显示md文件

你可以看一下我写的一篇文章。《node博客项目开发手记》 其中就有关于markdown在前端直接使用,或者在后端模板中使用的解决方法。

找一个markdown插件,转换成html,放在页面上面就可以预览了

有个.md转html的包

你好,请问能给我也分享一下吗?非常感谢

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题