javascript — Codemirror setGutterMarker

Codemirror setGutterMarker стайлинг

Я хочу реализовать этот пример: https://codemirror.net/demo/marker.html#

Но на моем codemirror маркер не является кроме маркера линии, как в демо. Это в начале строки кода.

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

 var codemirror = this.codemirror = CodeMirror.fromTextArea(this.el, { lineNumbers: true, mode: {name: "javascript", json: true}, matchBrackets: true, readOnly: readonly, gutters: ["CodeMirror-linenumbers", "replacement", "add", "delete"] }); 

Установите маркер:

 this.codemirror.setGutterMarker(pos.start.line, "replacement", makeMarker("{amp}lt;i class='fas fa-search-plus' style='font-size: 12px;'{amp}gt;{amp}lt;/i{amp}gt;", color)); 

Функция для установки маркера:

 function makeMarker(sign, color) { var marker = document.createElement("div"); marker.style.color = color; marker.innerHTML = sign; return marker; } 
Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector