Kursor edytora asa zachowuje się niepoprawnie

Question

Używam edytora asów w moim projekcie.

CSS

#editor 
{ 
position:absolute; 
top:0; 
left:0; 
width:100%; 
height:100%; 
background-color:white; 
} 

JavaScript:

var editor = ace.edit("editor"); 
editor.setTheme("ace/theme/textmate"); 
editor.getSession().setMode("ace/mode/java"); 

#editor zawarty jest w stosunkowo umieszczony div.

problem: Trudno wyjaśnić, ale spróbuję.

gdy kiedykolwiek piszę tekst w asie, ponieważ rozmiar linii zwiększa spacje w rzeczywistej pozycji kursora i zwiększa się oczekiwana pozycja.

dla np po wpisaniu „To jest tekst” to pokazuje, jak:

This is text   | 

teraz po naciśnięciu klawisza Backspace będzie usunąć ostatni znak na linii „T”, a pokaże:

This is tex   | 

Szukałem o tym problemie w Google, znaleziono jeden podobny problem dla przeglądarki Chrome, gdy zoom jest ustawiony na 120. , ale pracuję nad przeglądarką Firefox.

Dzięki.

Answer 1

As może wyświetlać tylko czcionki o stałej szerokości. Opisany problem może się zdarzyć, jeśli coś zmieni czcionkę edytora na nieokresową lub przydzieli różne czcionki do różnych części edytora.

(Było dodatek Firefox na Ubuntu wich zmieniał wszystkie czcionki do nieprzestrzegania monospace)