Ace-Editor-Cursor verhält sich falsch

Question

Ich benutze Ace-Editor in meinem Projekt.

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 in einem relativ positioniert div enthalten.

Problem: Es ist schwer zu erklären, aber ich werde es versuchen.

Wann immer ich Text in Ace eintippe, wie die Liniengröße die Leerzeichen in der tatsächlichen Position des Cursors vergrößert und seine erwartete Position erhöht.

für zB wenn ich Typ „Dieser Text ist“ es zeigt, wie:

This is text   | 

jetzt, wenn ich Backspace es letzte Zeichen auf Zeile ‚t‘ löscht drücken Sie die Taste, und zeigen:

This is tex   | 

Ich habe über dieses Problem auf Google gesucht ein ähnliches Problem für Chrome Browser gefunden, wenn der Zoom auf 120 eingestellt ist. aber ich arbeite an Firefox-Browser.

Danke.

Answer 1

Ace kann nur Monospace-Schriftarten anzeigen. Das von Ihnen beschriebene Problem kann entweder auftreten, wenn die Schriftart des Editors in Nicht-Monospace geändert wird, oder verschiedene Schriftarten verschiedenen Teilen des Editors zuweist.

(war es ein Firefox AddOn auf Ubuntu weicht alle Schriften nicht monospace veränderte)