Question

最近我一直在使用cloud9 ide，我想将ace编辑器添加到我的网站。要查看ace编辑器，请访问以下链接：http://ace.c9.io/#nav=about

有人可以告诉我如何将其嵌入我的网站。我无法理解在ace编辑器的主页上给出的教程

感谢所有帮助。

Answer 1

网站上会清楚地显示嵌入您的网站： http://ace.c9.io/#nav=embedding

示例：

<!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>

Cloud9 IDE

如果您使用的是cloud9 IDE，则可以通过..
下载编辑器

Github：git clone git://github.com/ajaxorg/ace.git

Bower：bower install --save git clone git://github.com/ajaxorg/ace.git

注意：您需要构建项目。

如果你想使用预建的，请改用： https://github.com/ajaxorg/ace-builds.git

示例这是我为ace编辑器设置的： https://ide.c9.io/anik786/cloud-9-sandbox

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

1 个答案: