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

add emmet demo

Browse source
This commit is contained in:
nightwing 2013-07-26 15:10:59 +04:00
commit 4d9118e6fe
7 changed files with 91 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

44
demo/autocompletion.html Normal file
View file

@ -0,0 +1,44 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>ACE Autocompletion demo</title>
<style type="text/css" media="screen">
body {
overflow: hidden;
}
#editor {
margin: 0;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
</style>
</head>
<body>
<pre id="editor"></pre>
<!-- load ace -->
<script src="../build/src-noconflict/ace.js"></script>
<!-- load ace language tools -->
<script src="../build/src-noconflict/ext-language_tools.js"></script>
<script>
// trigger extension
ace.require("ace/ext/language_tools");
var editor = ace.edit("editor");
editor.session.setMode("ace/mode/html");
editor.setTheme("ace/theme/tomorrow");
// enable autocompletion and snippets
editor.setOptions({
enableBasicAutocompletion: true,
enableSnippets: true
});
</script>
<script src="./show_own_source.js"></script>
</body>
</html>

43
demo/emmet.html Normal file
View file

@ -0,0 +1,43 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>ACE Emmet demo</title>
<style type="text/css" media="screen">
body {
overflow: hidden;
}
#editor {
margin: 0;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
</style>
</head>
<body>
<pre id="editor"></pre>
<!-- load ace -->
<script src="../build/src-noconflict/ace.js"></script>
<!-- load ace emmet extension -->
<script src="../build/src-noconflict/ext-emmet.js"></script>
<!-- load core emmet files -->
<script src="http://nightwing.github.io/emmet-core/emmet.js"></script>
<script>
// trigger extension
ace.require("ace/ext/emmet");
var editor = ace.edit("editor");
editor.setTheme("ace/theme/tomorrow");
editor.session.setMode("ace/mode/html");
// enable emmet on the current editor
editor.setOption("enableEmmet", true);
</script>
<script src="./show_own_source.js"></script>
</body>
</html>

2
demo/keyboard_shortcuts.html
View file

@ -41,6 +41,6 @@
})
</script>
<script src="./demo_helper.js"></script>
<script src="./show_own_source.js"></script>
</body>
</html>

2
demo/modelist.html
View file

@ -43,6 +43,6 @@
</script>
<script src="./demo_helper.js"></script>
<script src="./show_own_source.js"></script>
</body>
</html>

2
demo/settings_menu.html
View file

@ -40,6 +40,6 @@
}]);
</script>
<script src="./demo_helper.js"></script>
<script src="./show_own_source.js"></script>
</body>
</html>

0
demo/demo_helper.js → demo/show_own_source.js
View file

2
demo/statusbar.html
View file

@ -52,6 +52,6 @@
editor.session.setMode("ace/mode/html");
</script>
<script src="./demo_helper.js"></script>
<script src="./show_own_source.js"></script>
</body>
</html>