2013-03-03 6 views
14

私のプロジェクトではエースエディタを使用しています。エースエディタのカーソルは正しく動作しません

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比較的配置DIVに含まれます。

問題: 説明するのは難しいですが、試してみます。

エースにテキストを入力すると、行のサイズがカーソルの実際の位置のスペースを増やし、予想される位置が増えるためです。

などのため

私はそれのよう示して「これがテキストである」入力します。私は、バックスペースキーを押したときに

This is text   | 

今では「T」行の最後の文字を削除します、と表示されます:

This is tex   | 

Googleでこの問題を検索したところ、ズームが120に設定されているとChromeブラウザで同様の問題が発生しました。 Firefoxブラウザで作業しています。

ありがとうございました。

答えて

19

Aceはモノスペースフォントのみを表示できます。問題は、エディタのフォントをモノスペース以外に変更するか、別のフォントをエディタの別の部分に割り当てる場合に発生します。

(Ubuntuのウィッヒ上のFirefoxのアドオンが非固定幅フォントにすべてのフォントを変更してありました)

+0

おかげでチームメイト...これが問題でした。どうもありがとうございました。 – VishalDevgire

+0

関連するgithubの問題は次のとおりです。https://github.com/ajaxorg/ace/issues/1078 – bonyiii

+0

#1078は実際には関連していませんが、それは悪い見た目のフォントであり、ミスアラインメントではありません –

関連する問題