Ace 语法着色不起作用答案

【问题标题】：Ace syntax coloring is not workingAce 语法着色不起作用
【发布时间】：2013-08-31 00:23:00
【问题描述】：

我无法让 Ace 语法荧光笔在我的网站上工作。

HTML：

<textarea name="" id="upEditor" cols="30" rows="10"></textarea>
<link rel="stylesheet" href="normalize.css">
<link rel="stylesheet" href="monokai.css">
<link rel='stylesheet' href='style.css'>
<script src='jquery.js'></script>
<script src='ace.js'></script>
<script src='script.js'></script>

JS：

var editor = ace.edit("upEditor");
editor.setTheme("ace/theme/monokai");
editor.getSession().setMode("ace/mode/javascript");

我在同一目录中同时拥有 mode-javascript.js 和 theme-monoki.js && monokai.css。文本编辑器确实有字体大小和系列作为正确的示例编辑器，但没有突出显示。

请帮忙-谢谢

【问题讨论】：

控制台显示什么？任何错误弹出？页面上是否有带有“upEditor”ID 的元素？这里的init脚本之前包含ace脚本吗？
还包含更多的页面代码，可能问题出在其他地方
如果答案通过接受它解决了您的问题/问题

标签： javascript ace-editor

【解决方案1】：

看起来你没有在正确的位置包含 css 链接，所以你没有得到 css..

css 应该在<head> 和</head> 之前加载。而 textarea 应该在 <body> 部分但在脚本之上（应该在正文的最后，但按此顺序。
我也不确定 css monokai.css 文件在正确的位置。您正在调用它（并且normalize.css 和style.css 来自您拥有index.html 的同一文件夹，但如果您在问题中提到monokai.css 与theme-monokai.js 位于同一文件夹中，那么href 应该是@ 987654331@. 检查其他 css 文件。
您应该将type="text/javascript" 添加到脚本标签中。旧浏览器可能需要这个

【讨论】：

【解决方案2】：

Ace 不适用于 textarea，请改用 pre 标签

【讨论】：