jquery chrome 中的 ace 编辑器命名空间

Question

我正在使用 ace9 编辑器，最初一切都很完美，但我只是注意到自上周以来，编辑器在 google chrome 中无法正常工作，Firefox 或 IE 都可以，但不在 chrome 中，我正在阅读并且总是似乎问题与等宽字体有关，但我试图在一个示例中隔离问题，但无法修复它。

Ace9 和我正在使用没有 requireJS 的 src 文件夹

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

这是我的代码，如果有人能看到修复它的方法。

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>

不幸的是，我无法创建 jsfiddle，因为我无法上传所有必需的 ace 文件。

感谢任何帮助谢谢

Answer 1

我希望这对某人有所帮助；最后问题不在代码中，我不得不修改 google chrome 浏览器的默认字体：

chrome://settings/fonts

定义一些不是 Arial 的等宽字体，我将 "Courier" 设置为默认字体，现在 Ace 编辑器工作正常...

jquery chrome 中的 ace 编辑器命名空间

jquery ace editor namespace in chrome

javascript

jquery

google-chrome

monospace

ace-editor