21

プロジェクトで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ブラウザで作業しています。

4

3 に答える 3

33

Aceはモノスペースフォントのみを表示できます。説明する問題は、エディターのフォントが非モノスペースに変更された場合、またはエディターの異なる部分に異なるフォントが割り当てられた場合に発生する可能性があります。

（ubuntuにFirefoxアドオンがあり、すべてのフォントが非モノスペースに変更されていました）

于 2013-03-03T20:25:10.590 に答える
5

私の同じ問題はこのように解決しました：

 #editor *{ font-family : monospace !important;font-size: 16px !important;direction:ltr !important;text-align:left !important;}
于 2019-09-12T09:34:29.733 に答える
3

mediawiki + chromeを使用していますが、同じエラーが発生しました。

を使用して解決された問題

.ace_editor, .ace_editor *{
font-family: "Monaco", "Menlo", "Ubuntu Mono", "Droid Sans Mono", "Consolas", monospace !important;
font-size: 12px !important;
font-weight: 400 !important;
letter-spacing: 0 !important;
}

Mediawiki：Common.cssで

于 2020-09-26T11:22:25.537 に答える