Ace语法着色不起作用

Ace syntax coloring is not working

本文关键字：不起作用 语法 Ace      更新时间：2023-09-26

我无法在我的网站上使用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都放在同一个目录中。文本编辑器确实有字体大小和族作为正确的示例编辑器，但没有突出显示。

请帮忙-谢谢

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

  1. css应该加载在<head>中并且在</head>之前。而文本区域应该在<body>部分，但在脚本之上（应该是正文中的最后一个，但按此顺序。

  2. 此外，我不确定css monokai.css文件是否在正确的位置。你正在调用它（并且normalize.css和style.css来自你有index.html的同一文件夹，但如果你在问题中提到monokai.css和theme-monokai.js在同一文件夹中，那么href应该是ace/theme/monokai.css。也检查其他css文件。

  3. 您应该将type="text/javascript"添加到脚本标记中。较旧的浏览器可能需要这个

Ace不适用于文本区域，使用预标记代替

相关文章：