2017-01-16 1 views
0

Je travaille avec l'éditeur Ace9, et à l'origine tout était parfait, mais je viens de remarquer depuis les dernières semaines, l'éditeur ne fonctionne pas correctement dans google chrome, pour Firefox ou IE va bien, mais pas dans chrome, je lisais et semble toujours le problème est lié à la police monospace mais j'essaie d'isoler le problème dans un seul exemple, et pas encore en mesure de le réparer.jquery ace éditeur espace de noms en chrome

Ace9 et j'utilise le dossier src sans requireJS

https://ace.c9.io/#nav=about

Voici mon code, si quelqu'un pouvait voir le moyen de le réparer.

JS

<script type="text/javascript"> 
    function initializeAceEditor(){ 
     var editor = ace.edit("editor"); 
     editor.setTheme("ace/theme/monokai"); 
     editor.getSession().setMode("ace/mode/javascript"); 
     editor.$blockScrolling = Infinity; 
     editor.setOptions({ 
      maxLines: 15, 
      minLines: 15 
     }); 
    } 

    $(function() { 
     initializeAceEditor(); 
    }); 
</script> 

HTML

<body> 
    <label class="col-xs-12">Definition* 
     <div id="editor" class="col-xs-12"> 
      function foo(items) { 
       var x = "All this is syntax highlighted"; 
       return x; 
      } 
     </div> 
    </label> 
</body> 

Unforntunatelly je ne peux pas créer un jsFiddle parce que je ne peux pas charger tous les fichiers nécessaires ace.

Toute aide est appréciée Merci

Répondre

0

J'espère que cela aide quelqu'un; enfin, le problème n'a pas été dans le code, je devais modifier les polices par défaut du navigateur Google Chrome:

chrome: // settings/polices

Définition de certaines polices qui ne sont pas Arial, et sont basées à espacement fixe, J'ai mis "Courier" par défaut et maintenant l'éditeur Ace fonctionne correctement ...