web-dev-qa-db-fra.com

Comment changer le style de police dans l'éditeur Ace?

J'utilise l'éditeur Ace sur ma page,

<script src="ace-builds-master/src-noconflict/ace.js" type="text/javascript" charset="utf-8">
</script>
<script>
    var editor = ace.edit("editor");
    editor.setTheme("ace/theme/cobalt");
    editor.getSession().setMode("ace/mode/geco");
</script>

Par défaut, il montre une police, je veux changer ma police en "Tahoma 10pt".

Comment je fais ça?

javascriptace-editor
22
user1733583

Pour changer de police, vous pouvez soit ajouter une règle CSS pour #editor. Ou utiliser

editor.setOptions({
  fontFamily: "tahoma",
  fontSize: "10pt"
});

Mais ACE soutient uniquement les polices de monospace pour l'instant et Tahoma n'est pas monospace, la position du curseur aura tort.

37
a user

À ma connaissance, il n'y a pas de raccourci pour modifier directement la famille de polices d'ACE autre que editor.setOptions().

Cependant, vous pouvez définir la taille de la police en pixels directement en appelant:

editor.setFontSize(10) // will set font-size: 10px
17
Jivan