con trỏ trình chỉnh sửa ace hoạt động không chính xác

Question

tôi đang sử dụng trình chỉnh sửa Ace trong dự án của tôi.

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 được chứa trong một div tương đối vị trí.

vấn đề: Thật khó để giải thích nhưng tôi sẽ cố gắng.

khi nào tôi gõ văn bản trong Ace làm kích thước đường làm tăng khoảng trống ở vị trí thực tế của con trỏ và vị trí dự kiến ​​sẽ tăng lên.

cho ví dụ khi tôi gõ "Đây là văn bản" nó cho thấy như sau:

This is text   | 

bây giờ khi tôi bấm phím Backspace sẽ xóa ký tự cuối cùng trên dòng 't', và sẽ hiển thị:

This is tex   | 

tôi đã tìm kiếm về vấn đề này trên Google đã tìm thấy một vấn đề tương tự cho trình duyệt chrome khi thu phóng được đặt thành 120. nhưng tôi đang làm việc trên trình duyệt Firefox.

Cảm ơn.

Answer 1

Ace chỉ có thể hiển thị phông chữ đơn cách, Vấn đề bạn mô tả có thể xảy ra nếu có điều gì đó thay đổi phông chữ của trình chỉnh sửa thành không gian đơn hoặc gán phông chữ khác nhau cho các phần khác nhau của trình chỉnh sửa.

(Có một addon firefox trên ubuntu đã thay đổi tất cả phông chữ thành không đơn cách)