Создание новых режимов для CodeMirror - PullRequest
Новая
       15

Создание новых режимов для CodeMirror

9 голосов
/ 16 июня 2011

Я хочу выделить только те ключевые слова, которые выглядят так: {KEYWORD} (в основном слова UPPERCASE, заключенные в одинарные {} скобки)

Я попытался сделать это, скопировав код из демонстрационной версии Mustache Overlay и заменив двойные скобки на одинарные: 

CodeMirror.defineMode('mymode', function(config, parserConfig) {
  var mymodeOverlay = {
    token: function(stream, state) {
      if (stream.match("{")) {
        while ((ch = stream.next()) != null)
          if (ch == "}" && stream.next() == "}") break;
        return 'mymode';
      }
      while (stream.next() != null && !stream.match("{", false)) {}
      return null;
    }
  };
  return CodeMirror.overlayParser(CodeMirror.getMode(config, parserConfig.backdrop || "text/html"), mymodeOverlay);
});

но это не очень хорошо работает:)

Есть идеи?

Ответы [ 2 ]

6 голосов
/ 16 июня 2011

В примере с усами есть специальная обработка, потому что он должен обрабатывать 2-символьные разделители (например, в '{{' и '}}' есть два символа). Я никогда раньше не использовал CodeMirror, так что это всего лишь предположение, но попробуйте что-то вроде этого: 

CodeMirror.defineMode("mymode", function(config, parserConfig) {
  var mymodeOverlay = {
    token: function(stream, state) {
      if (stream.match("{")) {
        while ((ch = stream.next()) != null)
          if (ch == "}") break;
        return "mymode";
      }
      while (stream.next() != null && !stream.match("{", false)) {}
      return null;
    }
  };
  return CodeMirror.overlayParser(CodeMirror.getMode(config, parserConfig.backdrop || "text/html"), mymodeOverlay);
});

Редактировать

работает (хотя подсвечивает слова тоже строчными буквами)

Это должно работать: 

token: function(stream, state) {
  if (stream.match("{")) {
    while ((ch = stream.next()) != null && ch === ch.toUpperCase())
      if (ch == "}") break;
    return "mymode";
  }
  while (stream.next() != null && !stream.match("{", false)) {}
  return null;
}
3 голосов
/ 13 октября 2014

Принятый ответ выделите все символы в скобках.

enter image description here

Моя версия, если кто-то еще столкнулся с той же проблемой.

enter image description here

CodeMirror.defineMode('mymode', function (config, parserConfig) {
    return {
        /**
         * @param {CodeMirror.StringStream} stream
         */
        token: function (stream) {
            // check for {
            if (stream.match('{')) {
                // trying to find }

                // if not a char
                if (!stream.eatWhile(/[\w]/)) {
                    return null;
                }

                if (stream.match('}')) {
                    return 'mymode';
                }
            }

            while (stream.next() && !stream.match('{', false)) {}

            return null;
        }
    };
});
...