將Javascript添加到自定義語言 - ACE編輯器

Question

我正在使用ACE編輯器來使用JSON作爲基礎的自定義元語言。但我想添加了JavaScript的用戶類型類似

「自定義」：功能（PARAM）{.... JavaScript代碼.....}

的想法是利用突出的JavaScript代碼已經用於JS的樣式。

我不是用JSON highligther，只是用我自己的。

我的文檔東西「嵌入不同的熒光筆」（https://github.com/ajaxorg/ace/wiki/Creating-or-Extending-an-Edit-Mode）

看到但它不工作。這裏是我的代碼：

謝謝！

Answer 1

這有點難以做到，因爲您需要計算大括號來檢測javascript模式何時結束。以下代碼似乎效果不錯

define(function(require, exports, module) { 
"use strict"; 

var oop = require("../lib/oop"); 
var JsonHighlightRules = require("./json_highlight_rules").JsonHighlightRules; 
var JavaScriptHighlightRules = require("./javascript_highlight_rules") 
    .JavaScriptHighlightRules; 

var JsonPlusHighlightRules = function() { 
    JsonHighlightRules.call(this); 

    this.$rules.start.unshift({ 
     regex: "function", 
     next: "js-start", 
     token: "keyword" 
    }); 
    this.embedRules(JavaScriptHighlightRules, "js-", [{ 
     regex: "[{}]", onMatch: function(val, state, stack) { 
      this.next = ""; 
      console.log(stack, this.next, val); 
      if (val == "{") { 
       stack.unshift("js-start", state); 
       return "paren"; 
      } 
      if (val == "}" && stack.length) { 
       stack.shift(); 
       this.next = stack.shift(); 
       if (this.next.indexOf("quasi") != -1) 
        return "paren.string"; 
      } 
      if (val == "}" && !stack.length) { 
       this.next = "start"; 
      } 
      return "paren"; 
     } 
    }], ["no_regex"]); 

}; 

oop.inherits(JsonPlusHighlightRules, JsonHighlightRules); 

exports.JsonPlusHighlightRules = JsonPlusHighlightRules; 
});