プロジェクトでAceエディターを使用しています。
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ブラウザで同様の問題が1つ見つかりました。しかし、Firefoxブラウザで作業しています。