4

我无法让 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在同一个目录中。文本编辑器确实具有字体大小和系列作为正确的示例编辑器，但没有突出显示。

请帮助-谢谢

4

2 回答 2

0

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

  1. css 应该<head>在</head>. 而 textarea 应该在该<body>部分中但在脚本之上（应该在正文中，但按此顺序。

  2. 另外我不确定cssmonokai.css文件是否在正确的位置。您正在调用它（并且normalize.css来自style.css您拥有的同一个文件夹，index.html但如果您在问题中提到的与应该monokai.css在同一个文件夹中。请检查其他 css 文件。theme-monokai.jshreface/theme/monokai.css

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

于 2013-08-31T07:44:34.757 回答
0

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

于 2013-10-01T16:08:14.763 回答