ace editor - El cursor del editor de ace se comporta incorrectamente

ace-editor

Question

Estoy usando el editor de Ace en mi proyecto.

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 está contenido en un div relativamente posicionado.

El problema es difícil de explicar pero lo intentaré.

Cada vez que escribo texto en Ace a medida que el tamaño de la línea aumenta los espacios en la posición real del cursor y aumenta la posición esperada.

Por ejemplo, cuando escribo "Esto es texto" se muestra así:

This is text           |

Ahora, cuando presiono la tecla de retroceso, eliminará el último carácter en la línea ''t'', y mostrará:

This is tex           |

He buscado sobre este problema en Google, encontré un problema similar para el navegador Chrome cuando el zoom está configurado en 120. pero estoy trabajando en el navegador Firefox.

Answer 1

Ace puede mostrar solo las fuentes monoespaciadas. El problema que usted describe puede suceder si algo cambia la fuente del editor a no monoespacio, o asigna diferentes fuentes a diferentes partes del editor.

(Hubo un complemento de Firefox en Ubuntu que estaba cambiando todas las fuentes a no monoespaciado)