Javascript 如何在我的网站中嵌入ace编辑器_Javascript_Html_Webpage

Javascript 如何在我的网站中嵌入ace编辑器

javascript html

Javascript 如何在我的网站中嵌入ace编辑器,javascript,html,webpage,Javascript,Html,Webpage,伙计们，最近我一直在使用Cloud9IDE，我想在我的网站上添加ace编辑器。要查看ace编辑器，请访问以下链接：有人能告诉我如何将其嵌入我的网站吗。我无法理解ace编辑器主页上给出的教程非常感谢您的帮助。网站上清楚地显示了嵌入到您网站的内容：示例： <!DOCTYPE html> <html lang="en"> <head> <title>ACE in Action</title> <style type="text/

伙计们，最近我一直在使用Cloud9IDE，我想在我的网站上添加ace编辑器。要查看ace编辑器，请访问以下链接：

有人能告诉我如何将其嵌入我的网站吗。我无法理解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>
</html>


王牌
#编辑{
位置：绝对位置；
排名：0；
右：0；
底部：0；
左：0；
}
功能foo（项目）{
var x=“所有这些都是语法突出显示的”；
返回x；
}
变量编辑器=ace.edit（“编辑器”）；
编辑：setTheme（“ace/theme/monokai”）；
editor.getSession（）.setMode（“ace/mode/javascript”）；

Cloud9IDE

如果您正在使用cloud9 IDE，您可以通过下载编辑器

Github:

git克隆git://github.com/ajaxorg/ace.git

Bower:

Bower安装--保存git克隆git://github.com/ajaxorg/ace.git

注意：您将需要构建项目

如果要使用预构建的，请使用以下选项：

https://github.com/ajaxorg/ace-builds.git

示例以下是我对ace编辑器的设置：

对于你来说，这是一个非常好的工作方式，它会抹去你可能想展示的所有东西。@JohnnyBizzle:LoL，只需更改css并删除绝对值。我几乎不会称之为

ace builds

as builded。每个功能都是一个单独的文件（如自动完成等）。对于语言文件，这很好，但对于每个功能？？如果在某个地方有一个真正的“预构建”版本，或者有一个构建器，或者甚至有关于如何将

预构建的东西“构建”到单个js中的说明，那就太好了。他们的构建器非常懒惰，有大量的***.js
，因此输出被定向到与输入相同的混乱结构。上面的代码片段来自：