我想使用下面的标记it库使用JavaScript呈现Markdown:https://github.com/markdown-it/markdown-it
我把它从CDN中删除了如下:
<script type="text/javascript" src="https://cdn.jsdelivr.net/markdown-it/8.2.2/markdown-it.min.js"></script>然后,我按照自述文件中的说明,下面是我的代码的相关部分:
var md = window.markdownit();
document.getElementByID("content").innerHTML = md.render("# Header");但是,它不起作用,我在控制台中得到了这个错误:
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代替。我把这个问题留给别人,以防对别人有用。
发布于 2022-11-10 12:06:54
我可以在下面的代码中使用它
<!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>之间添加任何标记。
https://stackoverflow.com/questions/72263107
复制相似问题