我之前已经成功创建了一个 Ace 编辑器,但是最近我正在制作一个名为 CodeProjects 的网站,我想放入一个 Ace 编辑器。每当我尝试时,它只显示文本 function foo(items) {
var x = "所有这些都是语法突出显示的";
返回x;
}
。在页面http://ace.c9.io/#nav=embedding&api=ace ,它说您只需要代码:
<!DOCTYPE html>
<html lang="en">
<head>
<title>ACE in Action</title>
<style type="text/css" media="screen">
#editor {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
</style>
</head>
<body>
<div id="editor">function foo(items) {
var x = "All this is syntax highlighted";
return x;
}
</div>
<script src="/ace-builds/src-noconflict/ace.js" type="text/javascript" charset="utf-8"></script>
<script>
var editor = ace.edit("editor");
editor.setTheme("ace/theme/monokai");
editor.getSession().setMode("ace/mode/javascript");
</script>
</body>
但是当我尝试嵌入它(或者甚至只是制作编辑器,而不是网站)时,它再次只显示 function foo(items) { var x = "All this is语法突出显示";返回x; }
有什么建议吗?
最佳答案
它还表示将文件复制到您的项目中。如果您不想这样做,请包含来自 cdn 的脚本
<script src="//cdn.jsdelivr.net/ace/1.1.01/min/ace.js"
type="text/javascript" charset="utf-8"></script>
关于javascript - Ace 代码编辑器出现问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17910633/