首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >我如何使用标记-它没有node.js?

我如何使用标记-它没有node.js?
EN

Stack Overflow用户
提问于 2022-05-16 17:13:57
回答 1查看 168关注 0票数 0

我想使用下面的标记it库使用JavaScript呈现Markdown:https://github.com/markdown-it/markdown-it

我把它从CDN中删除了如下:

代码语言:javascript
复制
<script type="text/javascript" src="https://cdn.jsdelivr.net/markdown-it/8.2.2/markdown-it.min.js"></script>

然后,我按照自述文件中的说明,下面是我的代码的相关部分:

代码语言:javascript
复制
var md = window.markdownit();
document.getElementByID("content").innerHTML = md.render("# Header");

但是,它不起作用,我在控制台中得到了这个错误:

代码语言:javascript
复制
Uncaught TypeError: e.src is undefined
    exports https://cdn.jsdelivr.net/markdown-it/8.2.2/markdown-it.min.js:3
    process https://cdn.jsdelivr.net/markdown-it/8.2.2/markdown-it.min.js:2
    parse https://cdn.jsdelivr.net/markdown-it/8.2.2/markdown-it.min.js:2
    render https://cdn.jsdelivr.net/markdown-it/8.2.2/markdown-it.min.js:2
    <anonymous> http://localhost/script.js:110

我该如何解决这个问题?

编辑:我决定用标记-js代替。我把这个问题留给别人,以防对别人有用。

EN

回答 1

Stack Overflow用户

发布于 2022-11-10 12:06:54

我可以在下面的代码中使用它

代码语言:javascript
复制
<!doctype html>
<html>
<head>

<script src="https://cdnjs.cloudflare.com/ajax/libs/markdown-it/13.0.1/markdown-it.min.js" integrity="sha512-SYfDUYPg5xspsG6OOpXU366G8SZsdHOhqk/icdrYJ2E/WKZxPxze7d2HD3AyXpT7U22PZ5y74xRpqZ6A2bJ+kQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>


<script>
window.onload = function() {
  var md = window.markdownit();
  var div = document.getElementsByClassName('markdown');
  for(var i = 0; i < div.length; i++) {
    var content = div[i].innerHTML;
    document.getElementsByClassName('markdown')[i].innerHTML = md.render(content);
  }
}
</script>

</head>
<body>


<div class="markdown">
# h1 Heading
## h2 Heading
### h3 Heading
#### h4 Heading
##### h5 Heading
###### h6 Heading

+ one
+ two
  + two and half
+ three
  + three and half
    + three point seventy five
</div>

</body>
</html>

您可以在<div class="markdown"></div>之间添加任何标记。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/72263107

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档