问题描述
我正在构建一个简单的博客应用程序,并尝试从 this 网页实现开源降价编辑器。
但是当我尝试在浏览器中运行他们的示例时,我收到以下错误:
Uncaught ReferenceError: Zepto is not defined
at editormd.js:43
at editormd.js:34
at editormd.js:37
index.html?_ijt=2tq9lqm9cq4av7klja454nu6k2:18 Uncaught ReferenceError: $ is not defined
at index.html?_ijt=2tq9lqm9cq4av7klja454nu6k2:18
这是我的代码:
<!DOCTYPE html>
<html lang="en">
<head>
<Meta charset="UTF-8">
<title>editorMD Test</title>
</head>
<body>
<link rel="stylesheet" href="scripts/editor/editor.md-master/css/editormd.css">
<div id="test-editor">
<textarea style="display:none;">### Editor.md
**Editor.md**: The open source embeddable online markdown editor,based on CodeMirror & jQuery & Marked.
</textarea>
</div>
<script src="scripts/editor/editor.md-master/editormd.js"></script>
<script>
$(function(){
let editor = editormd("#test-editor",{
width : "100%",height : "100%",path : "scripts/editor/editor.md-master/lib/"
});
});
</script>
</body>
</html>
我的文件路径应该是有效的,因为我使用的是 WebStorm 并且它没有显示任何与路径相关的错误。
是否有可能我必须将其作为 node.js
应用程序运行才能正常运行?
解决方法
问题已解决:
我通过添加 Zepto
依赖项解决了这个问题:
<script src="https://cdnjs.cloudflare.com/ajax/libs/zepto/1.0/zepto.js" integrity="sha512-+ab24sSOgbciah+hyqPk/XqGOooAInsofud5JB4AdrRfahahDA/WWnnm6dS/bl7UmN8RW8ZGp85EoWU/aFTUhA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
此外,我不得不考虑,在初始化编辑器时,我们正在解析 div 的 id,所以不要输入 somiting 链接 #yourId
,而是使用:yourId
,没有 # -符号。