Я использую редактор ACE для интерактивного редактирования Python, в то же время у меня есть интерпретатор Python на задней панели, который будет анализировать код Python в результатах.
Когда пользователь отправляет код на серверную часть, парсер python разбирает код на результаты, в случае возникновения ошибок возвращает строку и столбец, а также описание ошибки в формате JSON.
Теперь проблема в том, как ACE может отображать ошибку в определенной позиции.
Вы можете использовать аннотации для отображения ошибки. Желоб редактора показывает ошибку и даже предупреждение или информацию с сообщением об ошибке.
var editor = ace.edit("editor");
editor.getSession().setAnnotations([{
row: 1,
column: 0,
text: "Error Message", // Or the Json reply from the parser
type: "error" // also "warning" and "information"
}]);
Вы можете использовать editor.session.addMarker(Range, classname, type) и добавить CSS, например. .classname{position:absolute; border-bottom: 1px solid green}
Хороший пример этого см. в разделе https://github.com/c9/core/blob/a256cf12a06c8d18bd45f8797a23c507b313ab65/plugins/c9.ide.language.core/marker.js#L139
