zoukankan      html  css  js  c++  java
  • Ace在线编辑器使用requirejs配置

    1. Ace代码在线编辑器如果需要在requirejs里使用,注意需要使用github上lib/ace目录的文件。
    2. 如果使用ajaxorg/ace-builds下面的代码再使用requirejs会报错,不能正常使用。
    3. 关于requirejs的配置:

    将github上lib/ace下的所有文件下载到自己的项目下。

    然后在require.config里配置,如下:

    require.config({
      // 根路径设置,paths下面全部都是根据baseUrl的路径去设置
      baseUrl:'/lib/js/',
      paths:{
        // 引入jQuery
        jquery: 'jquery.2.0.0.min',
        bootstrap: 'bootstrap/js/bootstrap.min.js',
        ace: 'ace',
      },
    })

    这里的ace配置的是ace目录,而ace.js和其他ace插件js都在ace目录下方,所以在js文件里require()的时候,需要在引入依赖的require模块时还要加上ace下面的具体js文件,比如:

    require(['jquery', 'ace/ace', 'ace/ext/language_tools'], function ($, http, ace) {
      console.log(ace)
      var editor = ace.edit("line-value",{theme: "ace/theme/monokai",});
      ace.require('ace/ext/language_tools');
      editor.getSession().setMode('ace/mode/javascript');
      editor.setOptions({
        enableBasicAutocompletion: true,
        enableSnippets: true,
        enableLiveAutocompletion: true
      });
    })

    其中'ace/ace'和'ace/ext/language_tools'是ace目录下的ace.js和ace/ext目录下的language_tools插件,使用ace插件只需要在依赖引入后直接使用,不用在回调函数里定义对应的变量,定义对应变量再使用会报错。

    可以看github上的demo modelist

  • 相关阅读:
    OpenCV图像数字化
    Matplotlib从兴趣到实践
    NumPy矩阵
    NumPy排序
    NumPy统计函数
    NumPy算输符
    产品路线图详解:主要功能、常见类型和线路图构建技巧
    敏捷和DevOps:是敌是友?
    如何让Git适应敏捷开发流程?
    如何让敏捷中的每日站会发挥最大效果?
  • 原文地址:https://www.cnblogs.com/amor17/p/9914260.html
Copyright © 2011-2022 走看看