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

【问题标题】：jquery ace editor namespace in chromechrome中的jquery ace编辑器命名空间
【发布时间】：2023-03-17 04:47:01
【问题描述】：

我正在使用 ace9 编辑器，最初一切都很完美，但我刚刚注意到，自上周以来，编辑器在 google chrome 中无法正常工作，对于 Firefox 或 IE 来说很好，但在 chrome 中却没有，我正在阅读和问题似乎总是与等宽字体有关，但我试图在一个示例中隔离问题，但还无法解决。

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

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

这是我的代码，如果有人能找到解决方法。

<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 文件。

任何帮助表示赞赏谢谢

【问题讨论】：

标签： javascript jquery google-chrome ace-editor monospace

【解决方案1】：

我希望这对某人有所帮助；终于问题不在代码里了，只好修改google chrome浏览器的默认字体：

chrome://设置/字体

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

【讨论】：