Question

我无法在我的网站上使用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。文本编辑器确实有字体大小和系列作为正确的示例编辑器，但没有突出显示。

请帮忙-thanks

Answer 1

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

应在<head>和</head>之前加载css。虽然textarea应位于<body>部分但位于脚本之上（应该是最后一个，但按此顺序。
此外，我不确定css monokai.css文件位于正确的位置。您正在调用它（以及normalize.css和style.css来自您index.html的同一文件夹，但如果您在问题monokai.css中提及的文件夹与{{1}相同然后theme-monokai.js应为href。也请检查其他css文件。
您应该将ace/theme/monokai.css添加到脚本代码中。旧浏览器可能需要此

Answer 2

Ace不能与textarea一起使用，而是使用pre标签

Ace语法着色不起作用

2 个答案: