javascript - 怎么用require.js的包配置加载CodeMirror.js?内附详细测试代码
PHP中文网
PHP中文网 2017-04-11 12:45:55
[JavaScript讨论组]

官网是这样介绍的:

Here's a simple example of using RequireJS to load CodeMirror:

require([
  "cm/lib/codemirror", "cm/mode/htmlmixed/htmlmixed"
], function(CodeMirror) {
  CodeMirror.fromTextArea(document.getElementById("code"), {
    lineNumbers: true,
    mode: "htmlmixed"
  });
});
It will automatically load the modes that the mixed HTML mode depends on (XML, JavaScript, and CSS). Do not use RequireJS' paths option to configure the path to CodeMirror, since it will break loading submodules through relative paths. Use the packages configuration option instead, as in:

require.config({
  packages: [{
    name: "codemirror",
    location: "../path/to/codemirror",
    main: "lib/codemirror"
  }]
});

我是从http://codemirror.net/codemir...下载的。

我的HTML是



    
        测试加载 CodeMirror DEMO
        
        
        
    
    
    
    

然后requirejsdemo.js的内容是:

require.config({
    packages: [{
        name: "codemirror",
        location: "/public/static/libs/codemirror/lib",
        main: 'codemirror'
    },{
        name: "mode_javascript",
        location: "/public/static/libs/codemirror/mode/javascript",
        main: 'javascript'
    }]
});


require(["codemirror", "mode_javascript"], function(CodeMirror) {

    CodeMirror.fromTextArea(document.getElementById("textarea"), {
        lineNumbers: true,
        mode: "javascript"
    });

});

结果,lineNumbers是生效了,真的出现了行号。然而着色却根本没有。

我似乎是姿势不对,求正确姿势!谢谢!

PHP中文网
PHP中文网

认证高级PHP讲师

全部回复(1)
巴扎黑

着色没有是因为你没有引入对应的文件,你引入这个试试

<script src="https://cdn.bootcss.com/codemirror/5.2.0/mode/javascript/javascript.min.js"></script>
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号