尝试实现 editor.md 时出错:Zepto 未定义

问题描述

我正在构建一个简单的博客应用程序,并尝试从 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,没有 # -符号。