Chrome 中的 jQuery ACE Editor 命名空间

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

Ace9 和我正在使用不需要 JS 的 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 文件。

任何帮助不胜感激谢谢

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

chrome://settings/fonts

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

相关内容

最新更新

热门标签：