【问题标题】:Uncaught ReferenceError: CodeMirror is not defined未捕获的 ReferenceError:未定义 CodeMirror
【发布时间】:2012-08-31 02:18:36
【问题描述】:

我正在尝试包含 CodeMirror 插件,但出现此错误 未捕获的 ReferenceError:未定义 CodeMirror

我的 HTML 代码在这里

http://pastie.org/4673008

谁能帮忙??

提前谢谢..

【问题讨论】:

    标签: javascript html codemirror


    【解决方案1】:

    您在 CodeMirror 本身之前加载 clike 模块。

    从这里更改 HTML 头部的顺序:

    <script type="text/javascript" src="../CodeMirror-2.33/mode/clike/clike.js"></script>
    <script type="text/javascript" src="../CodeMirror-2.33/lib/codemirror.js"></script>
    <script type="text/javascript" src="../CodeMirror-2.33/mode/javascript/javascript.js"></script>
    

    到这里:

    <script type="text/javascript" src="../CodeMirror-2.33/lib/codemirror.js"></script>
    <script type="text/javascript" src="../CodeMirror-2.33/mode/clike/clike.js"></script>
    <script type="text/javascript" src="../CodeMirror-2.33/mode/javascript/javascript.js"></script>
    

    【讨论】:

    【解决方案2】:

    ngx-codemirrorSQL high-late 不工作,深入我发现代码镜像标记类到high-late 语法cm-default、cm-link、cm-keyword 这些类没有附加。 使用的配置: 公共查询配置 = { 行号:真, 主题:“暮光之城”, 模式:'文本/x-sql', 换行:真, 自动对焦:真 };

    main.ts 文件添加了以下导入:

    angularcli.json 文件添加了以下脚本:

    【讨论】:

    • 问题通过将“matchBrackets:true”添加到查询配置中解决,如下所示,queryConfig = { lineNumbers: true, theme: 'twilight', matchBrackets:true, mode: 'text/x-sql ', lineWrapping : true, autoFocus: true };
    • 感谢您的回复。我遇到了类似的问题,我已经在这里发布了:stackoverflow.com/q/69430941/7584240如果你有机会,请看看并提供一些解决方案。
    猜你喜欢
    • 2016-06-24
    • 2021-07-25
    • 2023-01-23
    • 2016-11-03
    • 2011-01-05
    • 2016-01-02
    • 2013-10-06
    • 2016-12-17
    相关资源
    最近更新 更多