Как избежать двойного курсора / каретки в текстовом поле Codemirror? - PullRequest
Новая
       12

Как избежать двойного курсора / каретки в текстовом поле Codemirror?

0 голосов
/ 23 октября 2019

Я использую Codemirror для редактирования некоторого кода JavaScript. Редактор показывает два курсора, маленький и большой:

enter image description here

Я предполагаю, что это столкновение CSS с моей текущей страницей, потому что она хорошо работает внемоя страница, но нигде не могу найти столкновение. Кто-нибудь сталкивался с подобными проблемами или знает, что делать?

Я могу влиять на цвета двух курсоров следующим образом: 

.CodeMirror {
     caret-color: red;
}


.CodeMirror-cursor {    
    background-color: blue;
    width:0px;
    border:none;
}

Как скрыть дополнительную маленькую красную каретку (или увеличить его размер и спрятать синюю карету)? Я попытался установить прозрачный цвет каретки. Однако тогда все еще остается небольшая серая линия. Мне удалось скрыть большую линию, но мне не удалось исправить размер маленькой каретки.

Пример кода: 

var container = document.createElement('div');
this.appendChild(container);   

this.__codeMirror = window.CodeMirror(container,  
              {
                value: self.value,
                mode: self.mode,
                lineNumbers: false, 
                matchBrackets: true,
                continueComments: "Enter",
                extraKeys: {"Ctrl-Q": "toggleComment"}
              }
            );

Смежный вопрос:

...