jyapayne/ace
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Pupdate

Browse source
This commit is contained in:
C9 2012-09-12 21:17:14 -04:00
commit 28b5be76c5
37 changed files with 1717 additions and 1437 deletions
Download patch file Download diff file Expand all files Collapse all files

15
api/ace.html
View file

File diff suppressed because one or more lines are too long

39
api/anchor.html
View file

File diff suppressed because one or more lines are too long

47
api/background_tokenizer.html
View file

File diff suppressed because one or more lines are too long

13
api/command_manager.html
View file

File diff suppressed because one or more lines are too long

155
api/document.html
View file

File diff suppressed because one or more lines are too long

416
api/edit_session.html
View file

File diff suppressed because one or more lines are too long

528
api/editor.html
View file

File diff suppressed because one or more lines are too long

11
api/index.html
View file

@ -1,14 +1,7 @@
<!DOCTYPE html><!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]--> <!DOCTYPE html><!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="no-js ie7 oldie" lang="en"> <![endif]--> <!--[if IE 7]> <html class="no-js ie7 oldie" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="no-js ie8 oldie" lang="en"> <![endif]--> <!--[if IE 8]> <html class="no-js ie8 oldie" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]--><html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><title>Ace API</title><meta name="generator" content="c9-doc-build"><meta name="description" content="Ace API documentation for the online code editor."><meta name="author" content="Garen J. Torikian"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="stylesheet" href="./resources/csses/bootstrap.min.css"><link rel="stylesheet" href="./resources/csses/prettify.css"><link rel="stylesheet" href="./resources/csses/ace_api.css"><link href="./resources/images/favicon.ico" rel="icon" type="image/x-icon"><script src="./resources/javascripts/jquery.js"></script><script src="./resources/javascripts/clicker.js"></script><script src="./resources/javascripts/jquery.collapse.js"></script><script src="./resources/javascripts/jquery.cookie.js"></script><script src="./resources/javascripts/bootstrap-dropdown.js"></script><script src="./resources/javascripts/jquery-scrollspy.js"></script><script script src="./resources/javascripts/prettify-extension.js"></script></head><body><div class="navbar navbar-fixed-top"><div class="navbar-inner"><div id="topSection" class="container"><span class="brand"></span><ul class="nav topLinks"><li id="ace_site"><a href="../index.html">Ace</a></li><li id="ace_api" class="active"><a href="index.html">Ace API Reference</a></li></ul><form id="searchbox" action="" class="navbar-search pull-right"> <input name="query" type="text" placeholder="Search the API" title="Search across all the documentation" class="search-query span3"></form></div></div></div><div id="nonFooter"><div id="wrapper"><div class="content"><div class="row centerpiece"><div id="sidebarContainer" class="span3"><div id="sidebar"><div id="well"><h3>Ace Reference</h3><div class="swirl_divider"> </div><ul class="menu"><li><div class="menu-item"><a href="ace.html" class="menuLink namespace">Ace</a></div></li><li><div class="menu-item"><a href="anchor.html" class="menuLink namespace">Anchor</a></div></li><li><div class="menu-item"><a href="background_tokenizer.html" class="menuLink namespace">BackgroundTokenizer </a></div></li><li><div class="menu-item"><a href="document.html" class="menuLink namespace">Document </a></div></li><li><div class="menu-item"><a href="edit_session.html" class="menuLink namespace">EditSession </a></div></li><li><div class="menu-item"><a href="editor.html" class="menuLink namespace">Editor</a></div></li><li><div class="menu-item"><a href="range.html" class="menuLink namespace">Range</a></div></li><li><div class="menu-item"><a href="scrollbar.html" class="menuLink namespace">Scrollbar</a></div></li><li><div class="menu-item"><a href="search.html" class="menuLink namespace">Search </a></div></li><li><div class="menu-item"><a href="selection.html" class="menuLink namespace">Selection </a></div></li><li><div class="menu-item"><a href="token_iterator.html" class="menuLink namespace">TokenIterator</a></div></li><li><div class="menu-item"><a href="tokenizer.html" class="menuLink namespace">Tokenizer</a></div></li><li><div class="menu-item"><a href="undomanager.html" class="menuLink namespace">UndoManager</a></div></li><li><div class="menu-item"><a href="virtual_renderer.html" class="menuLink namespace">VirtualRenderer</a></div></li></ul></div></div></div><div id="mainContent" class="span9"><div id="documentation"><h1>Ace API Reference</h1> <!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]--><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Ace API</title><meta name="generator" content="panino-doc-build"><meta name="description" content="Ace API documentation for the online code editor"><meta name="author" content="Garen J. Torikian"><script src="./resources/javascripts/jquery.js"></script><script src="../doc/site//js/main.js"></script><link rel="stylesheet" media="all and (max-device-width: 480px)" href="doc/site/iphone.css"><link rel="stylesheet" media="all and (min-device-width: 481px) and (max-device-width: 1024px)" href="doc/site/iphone.css"><link href="./resources/ace/skeleton/images/favicon.ico" rel="icon" type="image/x-icon"><link rel="stylesheet" href="./resources/csses/bootstrap.min.css"><link href="../doc/site//style.css" rel="stylesheet" type="text/css"><link rel="stylesheet" href="./resources/csses/ace_api.css"><link rel="stylesheet" href="./resources/csses/font-awesome.css"><link href="./resources/images/favicon.ico" rel="icon" type="image/x-icon"><script src="./resources/javascripts/bbq.js"></script><script src="./resources/javascripts/jquery.collapse.js"></script><script src="./resources/javascripts/jquery.cookie.js"></script><script src="./resources/javascripts/bootstrap-dropdown.js"></script><script src="./resources/javascripts/bootstrap-tab.js"></script></head><body><div id="wrapper"><div class="content"><div class="column2"><div id="top_container" class="collapse"><h1>The high performance code editor for the web.</h1><div id="page_logo"><img src="doc/site/images/logo.png"></div></div><div style="clear: both;"></div><ul id="tabnav" class="nav nav-pills"><li><a href="/"><img src=".//resources/images/ace_logo_menu.png"></a></li><li><a href="../index.html#nav=about" data-toggle="tab">About</a></li><li><a href="../index.html#nav=embedding" data-toggle="tab">Embedding Guide</a></li><li><a href="../index.html#nav=howto" data-toggle="tab">How-To Guide</a></li><li class="active"><a href="index.html">API Reference</a></li><li><a href="../index.html#nav=production" data-toggle="tab">ACE in Production</a></li><li><a href="../index.html#nav=support" data-toggle="tab">Support</a></li></ul><div class="tab-content"><div class="row centerpiece"><div id="sidebarContainer" class="span3"><div id="sidebar"><div id="well"><form id="searchbox" action="" class="navbar-search"> <input name="query" type="text" placeholder="Search the API" title="Search across all the documentation" class="search-query span3"></form><h3 class="api_title">Ace Reference</h3><div class="swirl_divider"> </div><ul class="menu"><li><div class="menu-item"><a href="ace.html#nav=api" class="menuLink namespace">Ace</a></div></li><li><div class="menu-item"><a href="anchor.html#nav=api" class="menuLink namespace">Anchor</a></div></li><li><div class="menu-item"><a href="background_tokenizer.html#nav=api" class="menuLink namespace">BackgroundTokenizer </a></div></li><li><div class="menu-item"><a href="document.html#nav=api" class="menuLink namespace">Document </a></div></li><li><div class="menu-item"><a href="edit_session.html#nav=api" class="menuLink namespace">EditSession </a></div></li><li><div class="menu-item"><a href="editor.html#nav=api" class="menuLink namespace">Editor</a></div></li><li><div class="menu-item"><a href="range.html#nav=api" class="menuLink namespace">Range</a></div></li><li><div class="menu-item"><a href="scrollbar.html#nav=api" class="menuLink namespace">Scrollbar</a></div></li><li><div class="menu-item"><a href="search.html#nav=api" class="menuLink namespace">Search </a></div></li><li><div class="menu-item"><a href="selection.html#nav=api" class="menuLink namespace">Selection </a></div></li><li><div class="menu-item"><a href="token_iterator.html#nav=api" class="menuLink namespace">TokenIterator</a></div></li><li><div class="menu-item"><a href="tokenizer.html#nav=api" class="menuLink namespace">Tokenizer</a></div></li><li><div class="menu-item"><a href="undomanager.html#nav=api" class="menuLink namespace">UndoManager</a></div></li><li><div class="menu-item"><a href="virtual_renderer.html#nav=api" class="menuLink namespace">VirtualRenderer</a></div></li></ul></div></div></div><div id="mainContent" class="span9"><div id="documentation"><h1>Ace API Reference</h1>
<p>Welcome to the Ace API Reference Guide. Ace is a standalone code editor written in JavaScript that you can embed onto any website. We&#39;re used in a bunch of places already, like GitHub, Google, and Facebook.</p> <p>Welcome to the Ace API Reference Guide. Ace is a standalone code editor written in JavaScript that you can embed onto any website. We&#39;re used in a bunch of places already, like GitHub, Google, and Facebook.</p>
<p>On the left, you&#39;ll find a list of all of our currently documented classes. There are plenty more to do, but these represent the &quot;core&quot; set. For more information on how to work with Ace, check out the <a href="http://ace.ajax.org">main Ace website</a>.</p> <p>On the left, you&#39;ll find a list of all of our currently documented classes. There are plenty more to do, but these represent the &quot;core&quot; set. For more information on how to work with Ace, check out the <a href="http://ace.ajax.org">main Ace website</a>.</p>
</div><div id="disqus_thread"></div></div></div></div></div><div class="push"></div></div><div id="footer"><div class="footerInner"><div class="footer-text pull-right"> <p><a href="http://www.c9.io">About Cloud9</a> | Ace & Cloud9 IDE are &copy; <a href="http://ajax.org">Ajax.org</a> 2012</p></div></div></div><!-- scripts concatenated and minified via ant build script--><script defer src="./resources/javascripts/plugins.js"></script> </div><div id="disqus_thread"></div></div></div></div></div></div></div><script defer src="./resources/javascripts/ux.js"></script><script src="./resources/javascripts/clicker.js"></script><script src="./resources/javascripts/jquery-scrollspy.js"></script><script defer src="./resources/javascripts/disqus-ext.js"></script><script defer src="./resources/javascripts/ga.js"></script></body></html>
<script defer src="./resources/javascripts/prettify.js"></script>
<script defer src="./resources/javascripts/prettify-extension.js"></script>
<script defer src="./resources/javascripts/ux.js"></script>
<script defer src="./resources/javascripts/disqus-ext.js"></script>
<script defer src="./resources/javascripts/ga.js"></script><!-- end scripts--><!--[if lt IE 7]><script src="//ajax.googleapis.com/ajax/libs/chrome-frame/1.0.3/CFInstall.min.js"></script><script>window.attachEvent('onload',function(){CFInstall.check({mode:'overlay'})})
</script><![endif]--></body></html>

43
api/placeholder.html
View file

File diff suppressed because one or more lines are too long

315
api/range.html
View file

File diff suppressed because one or more lines are too long

13
api/renderloop.html
View file

File diff suppressed because one or more lines are too long

39
api/resources/csses/ace_api.css
View file

@ -146,6 +146,14 @@ blockquote p{
Menu venue Menu venue
*/ */
form.navbar-search {
float: none;
}
h3.api_title {
padding-top: 10px;
}
ul.menu { ul.menu {
margin-left: 16px; margin-left: 16px;
} }
@ -227,7 +235,6 @@ ul.menu {
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.35); */ box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.35); */
padding-bottom: 15px; padding-bottom: 15px;
/* height: 31px;*/ /* height: 31px;*/
top: 40px;
position: fixed; position: fixed;
} }
.shadow.members{ .shadow.members{
@ -275,7 +282,7 @@ ul.menu {
.srolled .membersContent { .srolled .membersContent {
/*top : 0;*/ /*top : 0;*/
width : 695px; width : 695px;
padding-left : 305px; padding-left : 407px;
margin : 0 auto 0 auto; margin : 0 auto 0 auto;
} }
.membersBackground { .membersBackground {
@ -532,7 +539,6 @@ header.filler {
} }
#documentation article.article { #documentation article.article {
/* border-bottom: 1px solid #e9e9e9;*/
border-top: 1px solid #e9e9e9; border-top: 1px solid #e9e9e9;
padding: 16px 10px 2px; padding: 16px 10px 2px;
} }
@ -773,9 +779,32 @@ li.signature {
font-size: 24px; font-size: 24px;
margin-top: 5px; margin-top: 5px;
} }
#documentation h3.methodToggle { #documentation i.methodToggle {
margin: 0; cursor: pointer;
color: #9f9f9f;
padding-top: 5px;
float: left;
} }
#documentation i.methodToggle.methodToggleHover {
text-shadow: 0 0 10px #4699d5;
color: #4699d5;
}
#documentation i.methodToggle.active {
text-shadow: 0 0 10px #4699d5;
color: #4699d5;
/* Safari */
-webkit-transform: rotate(45deg);
/* Firefox */
-moz-transform: rotate(45deg);
/* IE */
-ms-transform: rotate(45deg);
/* Opera */
-o-transform: rotate(45deg);
}
#documentation h3.sectionHeader { #documentation h3.sectionHeader {
margin: 10px 0 17px 0; margin: 10px 0 17px 0;
line-height : 24px; line-height : 24px;

52
api/resources/csses/prettify.css
View file

@ -1,52 +0,0 @@
/* Pretty printing styles. Used with prettify.js. */
/* SPAN elements with the classes below are added by prettyprint. */
.pln { color: #000 } /* plain text */
@media screen {
.str { color: #2e6a40 } /* string content */
.kwd { color: #214afc } /* a keyword */
.com { color: #4c886b } /* a comment */
.typ { color: #1130ad } /* a type name */
.lit { color: #1130ad } /* a literal value */
/* punctuation, lisp open bracket, lisp close bracket */
.pun, .opn, .clo { color: #2d0603 }
.tag { color: #008 } /* a markup tag name */
.atn { color: #606 } /* a markup attribute name */
.atv { color: #080 } /* a markup attribute value */
.dec, .var { color: #606 } /* a declaration; a variable name */
.fun { color: #1130ad } /* a function name */
}
/* Use higher contrast and text-weight for printable form. */
@media print, projection {
.str { color: #060 }
.kwd { color: #006; font-weight: bold }
.com { color: #600; font-style: italic }
.typ { color: #404; font-weight: bold }
.lit { color: #044 }
.pun, .opn, .clo { color: #440 }
.tag { color: #006; font-weight: bold }
.atn { color: #404 }
.atv { color: #060 }
}
/* Put a border around prettyprinted code snippets. */
/*pre.prettyprint { padding: 2px; }*/
/* Specify class=linenums on a pre to get line numbering */
ol.linenums { margin-top: 0; margin-bottom: 0 } /* IE indents via margin-left */`
li.L0,
li.L1,
li.L2,
li.L3,
li.L5,
li.L6,
li.L7,
li.L8 { list-style-type: none }
/* Alternate shading for lines */
li.L1,
li.L3,
li.L5,
li.L7,
li.L9 { background: #eee }

31
api/resources/javascripts/clicker.js
View file

@ -1,7 +1,7 @@
$(function() { $(document).ready(function () {
// when hovering over arrow, add highlight (only if inactive) // when hovering over arrow, add highlight (only if inactive)
$("h3.methodToggle").hover(function () { $("i.methodToggle").hover(function () {
if (!$("h3.methodToggle").hasClass('active')) if (!$("i.methodToggle").hasClass('active'))
$(this).addClass("methodToggleHover"); $(this).addClass("methodToggleHover");
}, },
function () { function () {
@ -10,26 +10,45 @@ $(function() {
); );
// after expanding the hidden description, hide the ellipsis // after expanding the hidden description, hide the ellipsis
$('.signature-call, .signature-returns', '.signature').click(function() { $("i.methodToggle").click(function() {
var $article = $(this).closest('.article'), var $article = $(this).closest('.article'),
$arrow = $('h3.methodClicker', $article); $arrow = $('i.methodClicker', $article);
if (!$article.hasClass('methodToggleOpen') || this.force) { if (!$article.hasClass('methodToggleOpen') || this.force) {
$article.addClass('methodToggleOpen'); $article.addClass('methodToggleOpen');
$arrow.removeClass('inactive').addClass('active'); $arrow.removeClass('inactive').addClass('active');
var data = location.hash = $arrow[0].id.replace(/^js_/, ""); var data = $arrow[0].id.replace(/^js_/, "");
location.hash = data + "#nav=api";
scrollTo(null, data); scrollTo(null, data);
} }
else { else {
$article.removeClass('methodToggleOpen'); $article.removeClass('methodToggleOpen');
$arrow.removeClass('active').addClass('inactive'); $arrow.removeClass('active').addClass('inactive');
} }
});
$('.signature-call, .signature-returns', '.signature').click(function() {
var $article = $(this).closest('.article'),
$arrow = $('i.methodClicker', $article);
if (!$article.hasClass('methodToggleOpen') || this.force) {
$article.addClass('methodToggleOpen');
$arrow.removeClass('inactive').addClass('active');
var data = $arrow[0].id.replace(/^js_/, "");
location.hash = data + "#nav=api";
scrollTo(null, data);
}
else {
$article.removeClass('methodToggleOpen');
$arrow.removeClass('active').addClass('inactive');
}
}); });
$('.related-to', '.metaInfo').click(function(){ $('.related-to', '.metaInfo').click(function(){
location.hash = $(this).find('a').attr('href').split('#')[1]; location.hash = $(this).find('a').attr('href').split('#')[1];
}); });
}); });

2
api/resources/javascripts/disqus-ext.js
View file

@ -7,6 +7,6 @@ var disqus_identifier = fileName;
(function() { (function() {
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true; var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = 'http://' + disqus_shortname + '.disqus.com/embed.js'; dsq.src = 'https://' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})(); })();

43
api/resources/javascripts/ux.js
View file

@ -11,15 +11,6 @@ $(function () {
$selNavLink.addClass('currentItem'); $selNavLink.addClass('currentItem');
} }
// init prettyprint
$('pre > code').addClass('prettyprint');
prettyPrint();
var baseTitle = document.title,
// base (general) part of title
pathName = window.location.pathname,
fileName = pathName.substring(window.location.pathname.lastIndexOf("/") + 1);
if (window.addEventListener) window.addEventListener('load', loadCallback, true); if (window.addEventListener) window.addEventListener('load', loadCallback, true);
else window.attachEvent('load', loadCallback, true); else window.attachEvent('load', loadCallback, true);
@ -31,7 +22,6 @@ $(function () {
if (query) { if (query) {
input.value = ""; input.value = "";
input.blur(); input.blur();
var currentVersion = $('#currentVersion').text();
var url = "https://www.google.com/search?q=" + encodeURIComponent("site:ace.ajax.org/api" + " " + query); var url = "https://www.google.com/search?q=" + encodeURIComponent("site:ace.ajax.org/api" + " " + query);
window.open(url); window.open(url);
} }
@ -79,11 +69,10 @@ $(document).ready(function () {
else sx = 0; else sx = 0;
$('.members').each(function (i) { $('.members').each(function (i) {
var position = $(this).position();
var $classContent = $(this).closest('.classContent'); var $classContent = $(this).closest('.classContent');
$(this).scrollspy({ $(this).scrollspy({
min: $classContent.position().top - 35, min: $classContent.position().top + 5,
max: $classContent.position().top + $classContent.height() - 35, max: $classContent.position().top + $classContent.height() - 35,
onEnter: function (element, position) { onEnter: function (element, position) {
var $pagination = $(element); var $pagination = $(element);
@ -94,8 +83,7 @@ $(document).ready(function () {
$paginationContent.css('top', 0); $paginationContent.css('top', 0);
$pagination.addClass('shadow').stop().css({ $pagination.addClass('shadow').stop().css({
height: 31, height: 31
'top': 33
}).closest('.classContent').addClass('srolled'); }).closest('.classContent').addClass('srolled');
$tabs.addClass('tabsSansBorder'); $tabs.addClass('tabsSansBorder');
@ -133,7 +121,7 @@ $(document).ready(function () {
}); });
}); });
$('span.methodClicker, article.article, h3.methodClicker').each(function () { /*$('span.methodClicker, article.article, i.methodClicker').each(function () {
var a = $(this); var a = $(this);
var constructorPos = a.attr("id").indexOf("new "); var constructorPos = a.attr("id").indexOf("new ");
@ -144,28 +132,21 @@ $(document).ready(function () {
} }
a.attr("id", objName); a.attr("id", objName);
}); });*/
$('.brand').parent('.dropdown').hover(
function () {
$(this).addClass('open');
}, function () {
clearMenus();
});
$('.versions').hover(
function () {
$(this).addClass('open');
}, function () {
clearMenus();
});
function showMethodContent() { function showMethodContent() {
if (!location.hash) return; if (!location.hash) return;
var $clickerEl = $('span#' + location.hash.replace(/^#/, '').replace(/\./g, '\\.')); var locationHash = location.hash.replace(/^#/, '').replace(/\./g, '\\.');
var equalsPos = location.hash.indexOf("=");
if (equalsPos >=0) {
locationHash = locationHash.substring(0, location.hash.indexOf("="));
}
var $clickerEl = $('span#' + locationHash);
if ($clickerEl.length > 0 && $clickerEl.hasClass('methodClicker')) { if ($clickerEl.length > 0 && $clickerEl.hasClass('methodClicker')) {
var p = $clickerEl.parent(); var p = $clickerEl.parent();
p[0].force = true; p[0].force = true;

35
api/scrollbar.html
View file

File diff suppressed because one or more lines are too long

41
api/search.html
View file

File diff suppressed because one or more lines are too long

203
api/selection.html
View file

File diff suppressed because one or more lines are too long

59
api/split.html
View file

File diff suppressed because one or more lines are too long

36
api/token_iterator.html
View file

File diff suppressed because one or more lines are too long

19
api/tokenizer.html
View file

File diff suppressed because one or more lines are too long

39
api/undomanager.html
View file

File diff suppressed because one or more lines are too long

245
api/virtual_renderer.html
View file

File diff suppressed because one or more lines are too long

3
doc/build.js
View file

@ -18,7 +18,8 @@ var options = {
assets : "./resources/ace/skeleton", assets : "./resources/ace/skeleton",
additionalObjs : "./additionalObjs.json", additionalObjs : "./additionalObjs.json",
exclude : ["**/*_test.js", "**/mode/**", "**/test/**", "**/theme/**", "**/worker/**"], exclude : ["**/*_test.js", "**/mode/**", "**/test/**", "**/theme/**", "**/worker/**"],
index : "./index.md" index : "./index.md",
disableTests: true
}; };
files = [srcPath]; files = [srcPath];

39
doc/resources/ace/skeleton/csses/ace_api.css
View file

@ -146,6 +146,14 @@ blockquote p{
Menu venue Menu venue
*/ */
form.navbar-search {
float: none;
}
h3.api_title {
padding-top: 10px;
}
ul.menu { ul.menu {
margin-left: 16px; margin-left: 16px;
} }
@ -227,7 +235,6 @@ ul.menu {
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.35); */ box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.35); */
padding-bottom: 15px; padding-bottom: 15px;
/* height: 31px;*/ /* height: 31px;*/
top: 40px;
position: fixed; position: fixed;
} }
.shadow.members{ .shadow.members{
@ -275,7 +282,7 @@ ul.menu {
.srolled .membersContent { .srolled .membersContent {
/*top : 0;*/ /*top : 0;*/
width : 695px; width : 695px;
padding-left : 305px; padding-left : 407px;
margin : 0 auto 0 auto; margin : 0 auto 0 auto;
} }
.membersBackground { .membersBackground {
@ -532,7 +539,6 @@ header.filler {
} }
#documentation article.article { #documentation article.article {
/* border-bottom: 1px solid #e9e9e9;*/
border-top: 1px solid #e9e9e9; border-top: 1px solid #e9e9e9;
padding: 16px 10px 2px; padding: 16px 10px 2px;
} }
@ -773,9 +779,32 @@ li.signature {
font-size: 24px; font-size: 24px;
margin-top: 5px; margin-top: 5px;
} }
#documentation h3.methodToggle { #documentation i.methodToggle {
margin: 0; cursor: pointer;
color: #9f9f9f;
padding-top: 5px;
float: left;
} }
#documentation i.methodToggle.methodToggleHover {
text-shadow: 0 0 10px #4699d5;
color: #4699d5;
}
#documentation i.methodToggle.active {
text-shadow: 0 0 10px #4699d5;
color: #4699d5;
/* Safari */
-webkit-transform: rotate(45deg);
/* Firefox */
-moz-transform: rotate(45deg);
/* IE */
-ms-transform: rotate(45deg);
/* Opera */
-o-transform: rotate(45deg);
}
#documentation h3.sectionHeader { #documentation h3.sectionHeader {
margin: 10px 0 17px 0; margin: 10px 0 17px 0;
line-height : 24px; line-height : 24px;

52
doc/resources/ace/skeleton/csses/prettify.css
View file

@ -1,52 +0,0 @@
/* Pretty printing styles. Used with prettify.js. */
/* SPAN elements with the classes below are added by prettyprint. */
.pln { color: #000 } /* plain text */
@media screen {
.str { color: #2e6a40 } /* string content */
.kwd { color: #214afc } /* a keyword */
.com { color: #4c886b } /* a comment */
.typ { color: #1130ad } /* a type name */
.lit { color: #1130ad } /* a literal value */
/* punctuation, lisp open bracket, lisp close bracket */
.pun, .opn, .clo { color: #2d0603 }
.tag { color: #008 } /* a markup tag name */
.atn { color: #606 } /* a markup attribute name */
.atv { color: #080 } /* a markup attribute value */
.dec, .var { color: #606 } /* a declaration; a variable name */
.fun { color: #1130ad } /* a function name */
}
/* Use higher contrast and text-weight for printable form. */
@media print, projection {
.str { color: #060 }
.kwd { color: #006; font-weight: bold }
.com { color: #600; font-style: italic }
.typ { color: #404; font-weight: bold }
.lit { color: #044 }
.pun, .opn, .clo { color: #440 }
.tag { color: #006; font-weight: bold }
.atn { color: #404 }
.atv { color: #060 }
}
/* Put a border around prettyprinted code snippets. */
/*pre.prettyprint { padding: 2px; }*/
/* Specify class=linenums on a pre to get line numbering */
ol.linenums { margin-top: 0; margin-bottom: 0 } /* IE indents via margin-left */`
li.L0,
li.L1,
li.L2,
li.L3,
li.L5,
li.L6,
li.L7,
li.L8 { list-style-type: none }
/* Alternate shading for lines */
li.L1,
li.L3,
li.L5,
li.L7,
li.L9 { background: #eee }

31
doc/resources/ace/skeleton/javascripts/clicker.js
View file

@ -1,7 +1,7 @@
$(function() { $(document).ready(function () {
// when hovering over arrow, add highlight (only if inactive) // when hovering over arrow, add highlight (only if inactive)
$("h3.methodToggle").hover(function () { $("i.methodToggle").hover(function () {
if (!$("h3.methodToggle").hasClass('active')) if (!$("i.methodToggle").hasClass('active'))
$(this).addClass("methodToggleHover"); $(this).addClass("methodToggleHover");
}, },
function () { function () {
@ -10,26 +10,45 @@ $(function() {
); );
// after expanding the hidden description, hide the ellipsis // after expanding the hidden description, hide the ellipsis
$('.signature-call, .signature-returns', '.signature').click(function() { $("i.methodToggle").click(function() {
var $article = $(this).closest('.article'), var $article = $(this).closest('.article'),
$arrow = $('h3.methodClicker', $article); $arrow = $('i.methodClicker', $article);
if (!$article.hasClass('methodToggleOpen') || this.force) { if (!$article.hasClass('methodToggleOpen') || this.force) {
$article.addClass('methodToggleOpen'); $article.addClass('methodToggleOpen');
$arrow.removeClass('inactive').addClass('active'); $arrow.removeClass('inactive').addClass('active');
var data = location.hash = $arrow[0].id.replace(/^js_/, ""); var data = $arrow[0].id.replace(/^js_/, "");
location.hash = data + "#nav=api";
scrollTo(null, data); scrollTo(null, data);
} }
else { else {
$article.removeClass('methodToggleOpen'); $article.removeClass('methodToggleOpen');
$arrow.removeClass('active').addClass('inactive'); $arrow.removeClass('active').addClass('inactive');
} }
});
$('.signature-call, .signature-returns', '.signature').click(function() {
var $article = $(this).closest('.article'),
$arrow = $('i.methodClicker', $article);
if (!$article.hasClass('methodToggleOpen') || this.force) {
$article.addClass('methodToggleOpen');
$arrow.removeClass('inactive').addClass('active');
var data = $arrow[0].id.replace(/^js_/, "");
location.hash = data + "#nav=api";
scrollTo(null, data);
}
else {
$article.removeClass('methodToggleOpen');
$arrow.removeClass('active').addClass('inactive');
}
}); });
$('.related-to', '.metaInfo').click(function(){ $('.related-to', '.metaInfo').click(function(){
location.hash = $(this).find('a').attr('href').split('#')[1]; location.hash = $(this).find('a').attr('href').split('#')[1];
}); });
}); });

2
doc/resources/ace/skeleton/javascripts/disqus-ext.js
View file

@ -7,6 +7,6 @@ var disqus_identifier = fileName;
(function() { (function() {
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true; var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = 'http://' + disqus_shortname + '.disqus.com/embed.js'; dsq.src = 'https://' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})(); })();

43
doc/resources/ace/skeleton/javascripts/ux.js
View file

@ -11,15 +11,6 @@ $(function () {
$selNavLink.addClass('currentItem'); $selNavLink.addClass('currentItem');
} }
// init prettyprint
$('pre > code').addClass('prettyprint');
prettyPrint();
var baseTitle = document.title,
// base (general) part of title
pathName = window.location.pathname,
fileName = pathName.substring(window.location.pathname.lastIndexOf("/") + 1);
if (window.addEventListener) window.addEventListener('load', loadCallback, true); if (window.addEventListener) window.addEventListener('load', loadCallback, true);
else window.attachEvent('load', loadCallback, true); else window.attachEvent('load', loadCallback, true);
@ -31,7 +22,6 @@ $(function () {
if (query) { if (query) {
input.value = ""; input.value = "";
input.blur(); input.blur();
var currentVersion = $('#currentVersion').text();
var url = "https://www.google.com/search?q=" + encodeURIComponent("site:ace.ajax.org/api" + " " + query); var url = "https://www.google.com/search?q=" + encodeURIComponent("site:ace.ajax.org/api" + " " + query);
window.open(url); window.open(url);
} }
@ -79,11 +69,10 @@ $(document).ready(function () {
else sx = 0; else sx = 0;
$('.members').each(function (i) { $('.members').each(function (i) {
var position = $(this).position();
var $classContent = $(this).closest('.classContent'); var $classContent = $(this).closest('.classContent');
$(this).scrollspy({ $(this).scrollspy({
min: $classContent.position().top - 35, min: $classContent.position().top + 5,
max: $classContent.position().top + $classContent.height() - 35, max: $classContent.position().top + $classContent.height() - 35,
onEnter: function (element, position) { onEnter: function (element, position) {
var $pagination = $(element); var $pagination = $(element);
@ -94,8 +83,7 @@ $(document).ready(function () {
$paginationContent.css('top', 0); $paginationContent.css('top', 0);
$pagination.addClass('shadow').stop().css({ $pagination.addClass('shadow').stop().css({
height: 31, height: 31
'top': 33
}).closest('.classContent').addClass('srolled'); }).closest('.classContent').addClass('srolled');
$tabs.addClass('tabsSansBorder'); $tabs.addClass('tabsSansBorder');
@ -133,7 +121,7 @@ $(document).ready(function () {
}); });
}); });
$('span.methodClicker, article.article, h3.methodClicker').each(function () { /*$('span.methodClicker, article.article, i.methodClicker').each(function () {
var a = $(this); var a = $(this);
var constructorPos = a.attr("id").indexOf("new "); var constructorPos = a.attr("id").indexOf("new ");
@ -144,28 +132,21 @@ $(document).ready(function () {
} }
a.attr("id", objName); a.attr("id", objName);
}); });*/
$('.brand').parent('.dropdown').hover(
function () {
$(this).addClass('open');
}, function () {
clearMenus();
});
$('.versions').hover(
function () {
$(this).addClass('open');
}, function () {
clearMenus();
});
function showMethodContent() { function showMethodContent() {
if (!location.hash) return; if (!location.hash) return;
var $clickerEl = $('span#' + location.hash.replace(/^#/, '').replace(/\./g, '\\.')); var locationHash = location.hash.replace(/^#/, '').replace(/\./g, '\\.');
var equalsPos = location.hash.indexOf("=");
if (equalsPos >=0) {
locationHash = locationHash.substring(0, location.hash.indexOf("="));
}
var $clickerEl = $('span#' + locationHash);
if ($clickerEl.length > 0 && $clickerEl.hasClass('methodClicker')) { if ($clickerEl.length > 0 && $clickerEl.hasClass('methodClicker')) {
var p = $clickerEl.parent(); var p = $clickerEl.parent();
p[0].force = true; p[0].force = true;

42
doc/resources/ace/templates/ace_menu.jade Executable file → Normal file
View file

@ -1,61 +1,59 @@
div#well div#well
form(id='searchbox', action='', class='navbar-search')
h3 Ace Reference input(class='search-query span3', name='query', type='text', placeholder="Search the API", title="Search across all the documentation")
div.swirl_divider
ul.menu ul.menu
li li
div.menu-item div.menu-item
a(class="menuLink namespace", href="ace.html") Ace a(class="menuLink namespace", href="ace.html#nav=api") Ace
li li
div.menu-item div.menu-item
a(class="menuLink namespace", href="anchor.html") Anchor a(class="menuLink namespace", href="anchor.html#nav=api") Anchor
li li
div.menu-item div.menu-item
a(class="menuLink namespace", href="background_tokenizer.html") BackgroundTokenizer a(class="menuLink namespace", href="background_tokenizer.html#nav=api") BackgroundTokenizer
li li
div.menu-item div.menu-item
a(class="menuLink namespace", href="document.html") Document a(class="menuLink namespace", href="document.html#nav=api") Document
li li
div.menu-item div.menu-item
a(class="menuLink namespace", href="edit_session.html") EditSession a(class="menuLink namespace", href="edit_session.html#nav=api") EditSession
li li
div.menu-item div.menu-item
a(class="menuLink namespace", href="editor.html") Editor a(class="menuLink namespace", href="editor.html#nav=api") Editor
//- probably not needing doc a(class="menuLink namespace", href="multi_select.html") MultiSelect //- probably not needing doc a(class="menuLink namespace", href="multi_select.html#nav=api") MultiSelect
//- not actually doc'ed yet a(class="menuLink namespace", href="placeholder.html") PlaceHolder //- not actually doc'ed yet a(class="menuLink namespace", href="placeholder.html#nav=api") PlaceHolder
li li
div.menu-item div.menu-item
a(class="menuLink namespace", href="range.html") Range a(class="menuLink namespace", href="range.html#nav=api") Range
//- not actually doc'ed yet a(class="menuLink namespace", href="renderloop.html") RenderLoop //- not actually doc'ed yet a(class="menuLink namespace", href="renderloop.html#nav=api") RenderLoop
li li
div.menu-item div.menu-item
a(class="menuLink namespace", href="scrollbar.html") Scrollbar a(class="menuLink namespace", href="scrollbar.html#nav=api") Scrollbar
li li
div.menu-item div.menu-item
a(class="menuLink namespace", href="search.html") Search a(class="menuLink namespace", href="search.html#nav=api") Search
li li
div.menu-item div.menu-item
a(class="menuLink namespace", href="selection.html") Selection a(class="menuLink namespace", href="selection.html#nav=api") Selection
//- not actually doc'ed yet a(class="menuLink namespace", href="split.html") Split //- not actually doc'ed yet a(class="menuLink namespace", href="split.html#nav=api") Split
li li
div.menu-item div.menu-item
a(class="menuLink namespace", href="token_iterator.html") TokenIterator a(class="menuLink namespace", href="token_iterator.html#nav=api") TokenIterator
li li
div.menu-item div.menu-item
a(class="menuLink namespace", href="tokenizer.html") Tokenizer a(class="menuLink namespace", href="tokenizer.html#nav=api") Tokenizer
li li
div.menu-item div.menu-item
a(class="menuLink namespace", href="undomanager.html") UndoManager a(class="menuLink namespace", href="undomanager.html#nav=api") UndoManager
li li
div.menu-item div.menu-item
a(class="menuLink namespace", href="virtual_renderer.html") VirtualRenderer a(class="menuLink namespace", href="virtual_renderer.html#nav=api") VirtualRenderer

27
doc/resources/ace/templates/layout.jade
View file

@ -8,10 +8,31 @@ html(xmlns="http://www.w3.org/1999/xhtml")
mixin head mixin head
body body
mixin navBar
#nonFooter
#wrapper #wrapper
.content .content
.column2
#top_container.collapse
h1 The high performance code editor for the web.
#page_logo
img(src='doc/site/images/logo.png')
div(style='clear: both;')
ul#tabnav.nav.nav-pills
li
a(href='/')
img(src='.//resources/images/ace_logo_menu.png')
li
a(href='../index.html#nav=about', data-toggle='tab') About
li
a(href='../index.html#nav=embedding', data-toggle='tab') Embedding Guide
li
a(href='../index.html#nav=howto', data-toggle='tab') How-To Guide
li.active
a(href='index.html') API Reference
li
a(href='../index.html#nav=production', data-toggle='tab') ACE in Production
li
a(href='../index.html#nav=support', data-toggle='tab') Support
.tab-content
.row.centerpiece .row.centerpiece
.span3#sidebarContainer .span3#sidebarContainer
#sidebar #sidebar
@ -24,7 +45,5 @@ html(xmlns="http://www.w3.org/1999/xhtml")
mixin api() mixin api()
div(id="disqus_thread") div(id="disqus_thread")
.push
mixin footer
mixin endingScripts mixin endingScripts

4
doc/resources/ace/templates/lib.jade
View file

@ -77,6 +77,7 @@ mixin article(obj, parents)
.memberContent .memberContent
if obj.signatures if obj.signatures
div.title div.title
i(id='#{obj.path}', class='methodToggle methodClicker inactive icon-caret-right')
ul.signatures ul.signatures
-var loops = 0; -var loops = 0;
for sig in obj.signatures for sig in obj.signatures
@ -131,8 +132,7 @@ mixin article(obj, parents)
div(id='ellipsis_#{obj.path}', class='ellipsis_description') div(id='ellipsis_#{obj.path}', class='ellipsis_description')
mixin markdown(obj.short_description) mixin markdown(obj.short_description)
h3(id='#{obj.path}', class='methodToggle methodClicker inactive')
&nbsp;&nbsp;&nbsp;
div.description div.description
mixin markdown(obj.description) mixin markdown(obj.description)

64
doc/resources/common_layout.jade
View file

@ -1,4 +1,5 @@
-var dirPrefix = "./"; -var dirPrefix = "./";
-var sitePrefix = "../doc/site/";
-var landingPage = 'false' -var landingPage = 'false'
-var versions = [] -var versions = []
@ -11,72 +12,43 @@ mixin doctype
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]--> <!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
mixin head mixin head
meta(charset="utf-8") meta(http-equiv='Content-Type', content='text/html; charset=UTF-8')
//- N.B. http://blog.yjl.im/2011/01/bad-value-x-ua-compatible-for-attribute.html
meta(http-equiv="X-UA-Compatible", content="IE=edge,chrome=1")
-if (isIndex) -if (isIndex)
title #{title} title #{title}
-else -else
title #{classId} - #{title} title #{classId} - #{title}
meta(name="generator", content="c9-doc-build") meta(name="generator", content="panino-doc-build")
meta(name="description", content="Ace API documentation for the online code editor.") meta(name="description", content="Ace API documentation for the online code editor")
meta(name="author", content="Garen J. Torikian") meta(name="author", content="Garen J. Torikian")
meta(name="viewport", content="width=device-width,initial-scale=1") script(src="#{dirPrefix}resources/javascripts/jquery.js")
script(src='#{sitePrefix}/js/main.js')
link(rel='stylesheet', media='all and (max-device-width: 480px)', href='doc/site/iphone.css')
link(rel='stylesheet', media='all and (min-device-width: 481px) and (max-device-width: 1024px)', href='doc/site/iphone.css')
link(href='#{dirPrefix}resources/ace/skeleton/images/favicon.ico', rel='icon', type='image/x-icon')
link(rel="stylesheet", href="#{dirPrefix}resources/csses/bootstrap.min.css") link(rel="stylesheet", href="#{dirPrefix}resources/csses/bootstrap.min.css")
link(rel="stylesheet", href="#{dirPrefix}resources/csses/prettify.css") link(href='#{sitePrefix}/style.css', rel='stylesheet', type='text/css')
link(rel="stylesheet", href="#{dirPrefix}resources/csses/ace_api.css") link(rel="stylesheet", href="#{dirPrefix}resources/csses/ace_api.css")
link(rel="stylesheet", href="#{dirPrefix}resources/csses/font-awesome.css")
link(href="#{dirPrefix}resources/images/favicon.ico", rel="icon", type="image/x-icon") link(href="#{dirPrefix}resources/images/favicon.ico", rel="icon", type="image/x-icon")
script(src="#{dirPrefix}resources/javascripts/jquery.js") script(src='#{dirPrefix}resources/javascripts/bbq.js')
script(src="#{dirPrefix}resources/javascripts/clicker.js")
script(src="#{dirPrefix}resources/javascripts/jquery.collapse.js") script(src="#{dirPrefix}resources/javascripts/jquery.collapse.js")
script(src="#{dirPrefix}resources/javascripts/jquery.cookie.js") script(src="#{dirPrefix}resources/javascripts/jquery.cookie.js")
script(src="#{dirPrefix}resources/javascripts/bootstrap-dropdown.js") script(src="#{dirPrefix}resources/javascripts/bootstrap-dropdown.js")
script(src="#{dirPrefix}resources/javascripts/jquery-scrollspy.js") script(src='#{dirPrefix}resources/javascripts/bootstrap-tab.js')
script(script src="#{dirPrefix}resources/javascripts/prettify-extension.js")
mixin navBar
div.navbar.navbar-fixed-top
div.navbar-inner
div#topSection.container
span.brand
ul.nav.topLinks
li#ace_site
a(href='../index.html') Ace
li#ace_api.active
a(href='index.html') Ace API Reference
form(id='searchbox', action='', class='navbar-search pull-right')
input(class='search-query span3', name='query', type='text', placeholder="Search the API", title="Search across all the documentation")
mixin footer
div#footer
.footerInner
.footer-text.pull-right
p
<a href="http://www.c9.io">About Cloud9</a> | Ace & Cloud9 IDE are &copy; <a href="http://ajax.org">Ajax.org</a> 2012
mixin endingScripts mixin endingScripts
// scripts concatenated and minified via ant build script script(defer, src="#{dirPrefix}resources/javascripts/ux.js")
<script defer src="#{dirPrefix}resources/javascripts/plugins.js"></script> script(src="#{dirPrefix}resources/javascripts/clicker.js")
<script defer src="#{dirPrefix}resources/javascripts/prettify.js"></script> script(src="#{dirPrefix}resources/javascripts/jquery-scrollspy.js")
<script defer src="#{dirPrefix}resources/javascripts/prettify-extension.js"></script> script(defer, src="#{dirPrefix}resources/javascripts/disqus-ext.js")
<script defer src="#{dirPrefix}resources/javascripts/ux.js"></script> script(defer, src="#{dirPrefix}resources/javascripts/ga.js")
<script defer src="#{dirPrefix}resources/javascripts/disqus-ext.js"></script>
<script defer src="#{dirPrefix}resources/javascripts/ga.js"></script>
//-<script defer src="tree.js"></script>
// end scripts
//if lt IE 7
script(src="//ajax.googleapis.com/ajax/libs/chrome-frame/1.0.3/CFInstall.min.js")
script
window.attachEvent('onload',function(){CFInstall.check({mode:'overlay'})})
mixin identifyBuild(tree, type) mixin identifyBuild(tree, type)
landingPage = 'true' landingPage = 'true'

19
doc/site/js/main.js
View file

@ -1,17 +1,33 @@
var editor;
$(function() { $(function() {
this.isApi = location.href.indexOf("/api") >= 0;
if (!this.isApi) {
hljs.initHighlighting(); hljs.initHighlighting();
editor = ace.edit("ace_editor_demo");
var javascriptMode = require("ace/mode/javascript").Mode;
editor.getSession().setMode(new javascriptMode());
}
$("ul.menu-list li").click(function(e) { $("ul.menu-list li").click(function(e) {
if (e.target.tagName === "LI") { if (e.target.tagName === "LI") {
console.log($(this).find("a")); console.log($(this).find("a"));
window.location = $(this).find("a").attr("href"); window.location = $(this).find("a").attr("href");
} }
else if (e.target.tagName === "P") {
var anchor = $(e.target).siblings();
window.location = anchor.attr("href");
}
}); });
var tabs = $("#tabnav"), var tabs = $("#tabnav"),
tab_a_selector = "a"; tab_a_selector = "a";
var firstLoad = true; var firstLoad = true;
var _self = this;
tabs.find(tab_a_selector).click(function(e) { tabs.find(tab_a_selector).click(function(e) {
if (_self.isApi || $(this).attr("href").indexOf("/api/") >= 0) {
window.location = $(this).attr("href");
}
e.preventDefault(); e.preventDefault();
if ($(this).attr("href") === "/") if ($(this).attr("href") === "/")
return; return;
@ -40,6 +56,7 @@
} }
} }
$(this).tab("show"); $(this).tab("show");
var state = {}; var state = {};
@ -47,10 +64,12 @@
$.bbq.pushState(state); $.bbq.pushState(state);
}); });
if (!this.isApi) {
$(window).on("hashchange", function(e) { $(window).on("hashchange", function(e) {
tabs.each(function() { tabs.each(function() {
var idx = $.bbq.getState("nav") || "about"; var idx = $.bbq.getState("nav") || "about";
$(this).find(tab_a_selector + "[href='#" + idx + "']").triggerHandler('click'); $(this).find(tab_a_selector + "[href='#" + idx + "']").triggerHandler('click');
}); });
}).trigger("hashchange"); }).trigger("hashchange");
}
}); });

109
doc/site/style.css
View file

@ -5,6 +5,22 @@ body {
font-family: Helvetica, Arial; font-family: Helvetica, Arial;
} }
#ace_editor_wrapper {
height: 275px;
position: relative;
border: 1px solid #DDD;
border-radius: 5px;
margin-top: 5px;
}
#ace_editor_demo {
left: 0px;
top: 0px;
bottom: 1px;
right: 1px;
background: #fff;
}
h1, h2, h3, h4, h5, h6 { h1, h2, h3, h4, h5, h6 {
font-family: Helvetica; font-family: Helvetica;
font-weight: 100; font-weight: 100;
@ -37,13 +53,12 @@ H4 {
P { P {
padding:13px 0; padding:13px 0;
margin:0; margin:0;
line-height:22px; line-height:21px;
font-size: 16px; font-size: 15px;
} }
UL{ UL{
line-height : 22px; font-size: 15px;
font-size: 16px;
} }
#header { #header {
@ -188,6 +203,7 @@ UL.content-list {
UL.content-list li { UL.content-list li {
padding-left: 10px; padding-left: 10px;
padding-bottom: 3px;
} }
ul.menu-list { ul.menu-list {
@ -235,20 +251,62 @@ ul.menu-list li:hover {
-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
} }
UL.menu-list LI a { ul.menu-list li a {
position: absolute; position: absolute;
bottom: 3px; bottom: 0px;
left: 8px; left: 0px;
color: #FFF; color: white;
text-align: left; text-align: center;
font-weight: bold; font-weight: bold;
text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.8); text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.8);
width: 100%;
display: block;
background: rgba(0, 0, 0, 0.6);
line-height: 12px;
padding: 4px 0;
} }
UL.menu-list LI a:hover { UL.menu-list LI a:hover {
text-decoration: none; text-decoration: none;
} }
li#add_your_site p {
font-size: 32px;
border: 3px solid rgb(52, 160, 52);
color: rgb(52, 160, 52);
border-radius: 34px;
padding: 4px 4px 4px 7px;
width: 22px;
height: 22px;
line-height: 18px;
position: relative;
left: 31px;
top: 20px;
background: rgba(255, 255, 255, 1);
}
ul.menu-list li#add_your_site a {
color: #A3EEA3;
}
/* This is the animation code. */
@-webkit-keyframes example {
0% { -webkit-transform: rotate(0deg); }
25% { -webkit-transform: rotate(3deg); }
50% { -webkit-transform: rotate(0deg); }
75% { -webkit-transform: rotate(-3deg); }
}
/* This is the element that we apply the animation to. */
li#add_your_site {
-webkit-animation-name: example;
-webkit-animation-duration: 0.4s;
-webkit-animation-timing-function: ease; /* ease is the default */
-webkit-animation-delay: 0s; /* 0 is the default */
-webkit-animation-iteration-count: infinite; /* 1 is the default */
-webkit-animation-direction: alternate; /* normal is the default */
}
A { A {
color:#2557b4; color:#2557b4;
text-decoration:none; text-decoration:none;
@ -346,11 +404,11 @@ UL.menu-footer LI A:hover {
} }
.tab-content { .tab-content {
margin-bottom: 100px; margin-bottom: 50px;
} }
.tab-content > .active, .pill-content > .active { .tab-content > .active, .pill-content > .active {
padding: 35px 30px; padding: 25px 30px;
} }
#top_container, .tab-content > .active, .pill-content > .active { #top_container, .tab-content > .active, .pill-content > .active {
@ -363,3 +421,32 @@ UL.menu-footer LI A:hover {
pre .xml .javascript, pre .xml .css { pre .xml .javascript, pre .xml .css {
opacity: 1; opacity: 1;
} }
#embed_link {
text-align: right;
}
#embed_link a {
color: #059C05;
font-weight: 100;
font-family: helvetica;
text-transform: uppercase;
font-size: 13px;
display: inline-block;
padding: 2px 10px;
}
p.highlight_note {
padding: 8px 35px 8px 14px;
margin-top: 10px;
color: #A0762E;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
background-color: #FCF8E3;
border: 1px solid #CA9C44;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
p.highlight_note a {
color: #537CC7;
}

166
index.html
View file

@ -7,6 +7,7 @@
<script src="./doc/resources/ace/skeleton/javascripts/bbq.js"></script> <script src="./doc/resources/ace/skeleton/javascripts/bbq.js"></script>
<script src="./doc/resources/ace/skeleton/javascripts/bootstrap-tab.js"></script> <script src="./doc/resources/ace/skeleton/javascripts/bootstrap-tab.js"></script>
<script src="https://raw.github.com/ajaxorg/ace-builds/master/src-min/ace.js"></script> <script src="https://raw.github.com/ajaxorg/ace-builds/master/src-min/ace.js"></script>
<script src="https://raw.github.com/ajaxorg/ace-builds/master/src-min/mode-javascript.js"></script>
<script src="https://yandex.st/highlightjs/7.2/highlight.min.js"></script> <script src="https://yandex.st/highlightjs/7.2/highlight.min.js"></script>
<script src="doc/site/js/main.js"></script> <script src="doc/site/js/main.js"></script>
<link rel="stylesheet" href="https://yandex.st/highlightjs/7.0/styles/default.min.css"> <link rel="stylesheet" href="https://yandex.st/highlightjs/7.0/styles/default.min.css">
@ -45,7 +46,7 @@
<a href="#howto" data-toggle="tab">How-To Guide</a> <a href="#howto" data-toggle="tab">How-To Guide</a>
</li> </li>
<li> <li>
<a href="#api" data-toggle="tab">API Reference</a> <a href="./api/index.html">API Reference</a>
</li> </li>
<li> <li>
<a href="#production" data-toggle="tab">ACE in Production</a> <a href="#production" data-toggle="tab">ACE in Production</a>
@ -57,16 +58,33 @@
<div class="tab-content"> <div class="tab-content">
<div class="tab-pane fade" id="about"> <div class="tab-pane fade" id="about">
<h1>Built for Code</h1> <h1>Built for Code</h1>
<p id="first">ACE is a embeddable code editor written in JavaScript. <p id="first">ACE is an embeddable code editor written in JavaScript.
It matches and extends the features, usability and performance of existing It matches the features and performance of native
native editors such as Sublime, Vim or TextMate. It can be easily embedded editors such as Sublime, Vim and TextMate. It can be easily embedded
in any web page and JavaScript application. ACE is maintained as the in any web page and JavaScript application. ACE is maintained as the
primary editor for <a href="http://c9.io">Cloud9 IDE</a> primary editor for <a href="http://c9.io">Cloud9 IDE</a>
and is the successor of the Mozilla Skywriter (Bespin) project.</p> and is the successor of the Mozilla Skywriter (Bespin) project.</p>
<h2>Using ACE</h2> <div id="ace_editor_wrapper">
<p>Want ACE on your own site or web app? Check out our <a href="#nav=embedding">embedding <div id="ace_editor_demo">/**
guide</a> to get started right away!</p> * In fact, you're looking at ACE right now.
<h2>Features</h2> *
* We are currently showing off the JavaScript mode. ACE has support for 45
* language modes and 24 color themes!
*/
var resultString = "Hello, ACE! The result of your math is: ";
function add(x, y) {
var result = x + y;
return resultString + result;
}
var addResult = add(3, 2);
console.log(addResult);</div>
</div>
<p id="embed_link"><a href="#nav=embedding">Put this on your own site</a></p>
<p class="highlight_note">Looking for a more full-featured demo? The <a href="http://ace.ajax.org/build/kitchen-sink.html">kitchen sink</a>
demonstrates all ACE features.</p>
<h2>ACE Features</h2>
<ul class="content-list"> <ul class="content-list">
<li><a href="http://pcwalton.blogspot.com/2010/11/syntax-highlighting-specification.html">Syntax highlighting</a></li> <li><a href="http://pcwalton.blogspot.com/2010/11/syntax-highlighting-specification.html">Syntax highlighting</a></li>
<li>Auto indentation and outdent</li> <li>Auto indentation and outdent</li>
@ -80,10 +98,6 @@
<li>Displays hidden characters</li> <li>Displays hidden characters</li>
<li>Highlight selected word</li> <li>Highlight selected word</li>
</ul> </ul>
<h2>Take ACE for a spin!</h2>
<p>The <a href="http://ace.ajax.org/build/kitchen-sink.html">kitchen sink demo</a>
allows you to test all ACE features. You can check out the code for the
demo <a href="https://github.com/ajaxorg/ace/blob/master/demo/kitchen-sink/demo.js">on GitHub</a>.</p>
<h2>Getting the code</h2> <h2>Getting the code</h2>
<p>ACE is a community project. We actively encourage and support <p>ACE is a community project. We actively encourage and support
contributions! The ACE source code is <a href="http://github.com/ajaxorg/ace">hosted on GitHub</a> contributions! The ACE source code is <a href="http://github.com/ajaxorg/ace">hosted on GitHub</a>
@ -127,8 +141,10 @@
&lt;style type="text/css" media="screen"> &lt;style type="text/css" media="screen">
#editor { #editor {
position: absolute; position: absolute;
width: 500px; top: 0;
height: 400px; right: 0;
bottom: 0;
left: 0;
} }
&lt;/style> &lt;/style>
&lt;/head> &lt;/head>
@ -159,15 +175,14 @@
</div> </div>
<div class="tab-pane fade" id="howto"> <div class="tab-pane fade" id="howto">
<h1>Nearly Everything you Want to do with ACE</h1> <h1>Nearly Everything you Want to do with ACE</h1>
<p>This is a collection of common operations developers perform on ACE. <p><em>In all of these cases ACE has been invoked exactly
<em>In all of these cases ACE has been invoked exactly
as shown on the <a href="#nav=embedding">embedding guide</a>.</em></p> as shown on the <a href="#nav=embedding">embedding guide</a>.</em></p>
<h2>Setting Themes</h2> <h2>Setting Themes</h2>
<p>To change the theme, configure the editor to use the theme using its module name. The theme file will be loaded on demand:</p> <p>To change the theme, configure the editor to use the theme using its module name. The theme file will be loaded on demand:</p>
<pre><code class="javascript">editor.setTheme("ace/theme/twilight");</code></pre> <pre><code class="javascript">editor.setTheme("ace/theme/twilight");</code></pre>
<h2>Setting Other Language Modes</h2> <h2>Setting the Programming Language Mode</h2>
<p>By default, the editor supports plain text mode. All other language modes are available as separate modules. Modes are also loaded on demand like this:</p> <p>By default, the editor supports plain text mode. All other language modes are available as separate modules. Modes are also loaded on demand like this:</p>
<pre><code class="javascript">&lt;script src="src/mode-javascript.js" type="text/javascript" charset="utf-8"></script></code></pre> <pre><code class="javascript">&lt;script src="src/mode-javascript.js" type="text/javascript" charset="utf-8"></script></code></pre>
@ -321,7 +336,7 @@ editor.replace('bar');</code></pre>
exec: function(editor) { exec: function(editor) {
//... //...
} }
});</code></pre></p> });</code></pre>
</div> </div>
<div class="tab-pane fade" id="api"> <div class="tab-pane fade" id="api">
<h1>API Reference</h1> <h1>API Reference</h1>
@ -332,32 +347,97 @@ editor.replace('bar');</code></pre>
<p>ACE is used all over the web in all kinds of production applications. Here is <p>ACE is used all over the web in all kinds of production applications. Here is
just a small sampling:</a> just a small sampling:</a>
<ul class="menu-list"> <ul class="menu-list">
<li><a href="https://github.com/ajaxorg/cloud9">Cloud9 IDE</a></li> <li>
<li><a href="https://github.com/blog/905-edit-like-an-ace">GitHub</a></li> <img src="doc/site/images/github-logo.png"
style="position: relative; left: -15px; top: -9px;" />
<a href="https://github.com/blog/905-edit-like-an-ace">GitHub</a>
</li>
<li>
<img src="doc/site/images/khan-logo.png"
style="position: relative; left: -10px; top: -27px; width: 120px" />
<a href="http://ejohn.org/blog/introducing-khan-cs/">Khan Academy</a>
</li>
<li>
<img src="doc/site/images/cloud9-logo.png"
style="position: relative; left: -13px; top: -13px;" />
<a href="https://github.com/ajaxorg/cloud9">Cloud9 IDE</a>
</li>
<li>
<img src="doc/site/images/firefox-logo.png"
style="position: relative; left: 0px; top: -20px;" />
<a href="https://builder.addons.mozilla.org/">Firefox Add-on Builder</a>
</li>
<li>
<img src="doc/site/images/codecademy-logo.png"
style="position: relative; left: -5px; top: 10px;" />
<a href="http://www.codecademy.com/">Codecademy</a>
</li>
<li>
<img src="doc/site/images/rstudio_logo_64.png"
style="position: relative; left: 19px; top: 2px;" />
<a href="http://rstudio.org/">RStudio</a>
</li>
<li><a href="https://github.com/Gozala/sky-edit">Sky Edit</a></li> <li><a href="https://github.com/Gozala/sky-edit">Sky Edit</a></li>
<li><a href="http://www.wavemaker.com/">WaveMaker</a></li> <li>
<li><a href="http://rstudio.org/">RStudio</a></li> <img src="doc/site/images/empty-logo.png"
<li><a href="http://www.playmycode.com/">Play My Code</a></li> style="position: relative; left: -10px; top: -12px;" />
<li><a href="http://www.codecademy.com/">Codecademy</a></li> <a href="http://www.wavemaker.com/">WaveMaker</a>
<li><a href="http://demo.qooxdoo.org/devel/playground/#">Qooxdoo playground</a></li> </li>
<li><a href="http://ext.radiantcms.org/extensions/264-ace">Radiant CMS</a></li> <li>
<li><a href="http://developercompanion.com/">Developer Companion</a></li> <a href="http://www.playmycode.com/">Play My Code</a>
<li><a href="https://builder.addons.mozilla.org/">Mozilla Add-on Builder</a></li> </li>
<li><a href="http://www.pythonanywhere.com/">PythonAnywhere</a></li> <li>
<li><a href="http://shiftedit.net/">shiftEdit</a></li> <a href="http://demo.qooxdoo.org/devel/playground/#">Qooxdoo playground</a>
<li><a href="http://www.akshell.com/">Akshell</a></li> </li>
<li><a href="http://beanstalkapp.com/">beanstalk</a></li> <li>
<li><a href="http://neutronide.com/">Neutron IDE</a></li> <a href="http://ext.radiantcms.org/extensions/264-ace">Radiant CMS</a>
<li><a href="https://addons.mozilla.org/en-US/firefox/addon/acebug/">Acebug</a></li> </li>
<li><a href="http://www.weecod.com">Weecod</a></li> <li>
<li><a href="http://www.applaudcloud.com">AppLaud Cloud</a></li> <a href="http://developercompanion.com/">Developer Companion</a>
<li><a href='http://rubymonk.com'>RubyMonk</a></li> </li>
<li><a href='http://rocktronica.github.com/tmpltr/'>tmpltr</a></li> <li>
<li><a href='http://dev.cmsmadesimple.org/projects/aceeditor'>CMS Made Simple</a></li> <a href="http://www.pythonanywhere.com/">PythonAnywhere</a>
<li><a href='http://tryjasmine.com/'>Try Jasmine</a></li> </li>
<li><a href="http://codebender.cc/">Codebender</a></li> <li>
<li><a href="https://www.sharelatex.com">ShareLaTeX</a></li> <a href="http://shiftedit.net/">shiftEdit</a>
<li><a href="http://ejohn.org/blog/introducing-khan-cs/">KhanAcademy</a></li> </li>
<li>
<a href="http://www.akshell.com/">Akshell</a>
</li>
<li>
<a href="http://beanstalkapp.com/">beanstalk</a>
</li>
<li>
<a href="http://neutronide.com/">Neutron IDE</a>
</li>
<li>
<a href="https://addons.mozilla.org/en-US/firefox/addon/acebug/">Acebug</a>
</li>
<li>
<a href="http://www.weecod.com">Weecod</a>
</li>
<li>
<a href='http://rubymonk.com'>RubyMonk</a></li>
<li>
<a href='http://rocktronica.github.com/tmpltr/'>tmpltr</a>
</li>
<li>
<a href='http://dev.cmsmadesimple.org/projects/aceeditor'>CMS Made Simple</a>
</li>
<li>
<a href='http://tryjasmine.com/'>Try Jasmine</a>
</li>
<li>
<a href="http://codebender.cc/">Codebender</a>
</li>
<li>
<a href="https://www.sharelatex.com">ShareLaTeX</a>
</li>
<li id="add_your_site">
<p>+</p>
<a href="mailto:ace@c9.io?subject=Put me on the ACE site!">Your Site Here</a>
</li>
</ul> </ul>
</div> </div>
<div class="tab-pane fade" id="support"> <div class="tab-pane fade" id="support">