added ace example

This commit is contained in:
Kevin Jahns
2016-02-03 11:37:10 +01:00
parent 5e295b80d7
commit 6904e6018d
10 changed files with 6162 additions and 154 deletions

22
Examples/Ace/index.html Normal file
View File

@@ -0,0 +1,22 @@
<!DOCTYPE html>
<html>
<head>
<style type="text/css" media="screen">
#editor {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
</style>
</head>
<body>
<div id="editor"></div>
<script src="../bower_components/yjs/y.es6"></script>
<script src="../bower_components/ace-builds/src/ace.js"></script>
<script src="./index.js"></script>
</body>
</html>

28
Examples/Ace/index.js Normal file
View File

@@ -0,0 +1,28 @@
/* global Y, ace */
// initialize a shared object. This function call returns a promise!
Y({
db: {
name: 'memory'
},
connector: {
name: 'websockets-client',
room: 'ace-example-dev'
// debug: true
// url: 'http://127.0.0.1:2345'
},
sourceDir: '/bower_components',
share: {
ace: 'Text' // y.share.textarea is of type Y.Text
}
}).then(function (y) {
window.y = y
// bind the textarea to a shared text element
var editor = ace.edit('editor')
editor.setTheme('ace/theme/monokai')
editor.getSession().setMode('ace/mode/javascript')
y.share.ace.bindAce(editor)
// thats it..
})

View File

@@ -139,7 +139,7 @@
<!-- Include the Quill library -->
<script src="../bower_components/quill/dist/quill.js"></script>
<script src="../bower_components/yjs/y.js"></script>
<script src="../bower_components/yjs/y.es6"></script>
<script src="./index.js"></script>
</body>
</html>

View File

@@ -4,13 +4,13 @@
Y({
db: {
name: 'memory',
namespace: 'richtext-example20'
name: 'indexeddb',
idbVersion: 20
},
connector: {
name: 'websockets-client',
room: 'richtext-example20'
// debug: true,
room: 'richtext-example24',
debug: true
// url: 'http://127.0.0.1:1234'
},
sourceDir: '/bower_components',

View File

@@ -18,6 +18,8 @@
"y-websockets-client": "~0.7.10",
"y-text": "~0.7.1",
"y-indexeddb": "~0.7.1",
"quill": "~0.20.1"
"quill": "~0.20.1",
"ace": "~1.2.3",
"ace-builds": "~1.2.3"
}
}