Выделите строки, которые были изменены

У меня есть редактор ace, встроенный в мой сайт. У меня есть код, и я хочу выделить изменения в некоторых строках.

Выяснил, что

var range = new Range(rowStart, columnStart, rowEnd, columnEnd);
var marker = editor.getSession().addMarker(range,"ace_active_line","background");

должен выделять строки, но я получаю недопустимую ошибку конструктора при создании объекта Range. Любые идеи ?

Есть ли способ добавить желтый фон к определенным строкам?

Спасибо


ace-editor
person amitdar    schedule 19.03.2012    source источник

Ответы (3)


arrow_upward
6
arrow_downward

Проблема здесь в том, что Range указывает на собственную функцию диапазона браузера, а не на функцию Ace. Так что вы, вероятно, не импортируете его. Попробуйте сделать что-то вроде:

// taken from kitchen-sink.js
var Range = require("./range").Range;
person Jan Jongboom    schedule 26.03.2012

arrow_upward
2
arrow_downward

Если вы хотите отобразить измененные строки, вы можете сделать отметку на желобе вместо выделения.

var modified = 'ace-changed'; // css class
editor.on('change', function(e) {
    var activeLine = e.start.row;
    if (e.action == "insert") {
        while (activeLine < (e.end.row+1)) {
            editor.session.removeGutterDecoration(activeLine, modified);
            editor.session.addGutterDecoration(activeLine, modified);
            activeLine++;
        }
    } else if (e.action == "remove") {
        while (activeLine < (e.end.row+1)) {
            editor.session.removeGutterDecoration(activeLine, modified);
            activeLine++;
        }
        editor.session.addGutterDecoration(e.start.row, modified);
    }
});

JSFiddle: http://jsfiddle.net/u9e31pdm/1/

Скриншот: http://rghost.ru/6h4kMBM5z/image.png

Извините, если мой код не так хорош - я начал изучать javascript всего два дня назад.

person Anon2236    schedule 09.12.2015

arrow_upward
1
arrow_downward

Если вы хотите пометить строки ошибками/предупреждениями, вы можете использовать этот API:

    editor.getSession().setAnnotations([{
      row: 1,
      column: 10,
      text: "Strange error"
      type: "error" // also warning and information
    }]);

Подробности здесь: https://groups.google.com/d/msg/ace-discuss/joAFrXwWLX8/jejWFyGiMTwJ

person dmitry_romanov    schedule 21.03.2014