|
|
@ -62,7 +62,7 @@ define([
|
|
|
|
|
|
|
|
|
|
|
|
var $inner = $('#inner');
|
|
|
|
var $inner = $('#inner');
|
|
|
|
|
|
|
|
|
|
|
|
window.makeRainbow = false
|
|
|
|
window.makeRainbow = false;
|
|
|
|
var makeRainbows = function () {
|
|
|
|
var makeRainbows = function () {
|
|
|
|
$inner
|
|
|
|
$inner
|
|
|
|
.find('*:not(.untouched)')
|
|
|
|
.find('*:not(.untouched)')
|
|
|
@ -75,10 +75,10 @@ define([
|
|
|
|
|
|
|
|
|
|
|
|
var redrawTimeout;
|
|
|
|
var redrawTimeout;
|
|
|
|
var lazyDraw = function (md) {
|
|
|
|
var lazyDraw = function (md) {
|
|
|
|
redrawTimeout && clearTimeout(redrawTimeout);
|
|
|
|
if (redrawTimeout) { clearTimeout(redrawTimeout); }
|
|
|
|
redrawTimeout = setTimeout(function () {
|
|
|
|
redrawTimeout = setTimeout(function () {
|
|
|
|
draw(md);
|
|
|
|
draw(md);
|
|
|
|
makeRainbow && makeRainbows();
|
|
|
|
if (makeRainbow) { makeRainbows(); }
|
|
|
|
}, 450);
|
|
|
|
}, 450);
|
|
|
|
};
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
@ -94,14 +94,14 @@ define([
|
|
|
|
},
|
|
|
|
},
|
|
|
|
// when your editor is ready
|
|
|
|
// when your editor is ready
|
|
|
|
onReady: function (info) {
|
|
|
|
onReady: function (info) {
|
|
|
|
info.userList && console.log("Userlist: [%s]", info.userList.join(','));
|
|
|
|
if (info.userList) { console.log("Userlist: [%s]", info.userList.join(',')); }
|
|
|
|
console.log("Realtime is ready!");
|
|
|
|
console.log("Realtime is ready!");
|
|
|
|
$textarea.trigger('keyup');
|
|
|
|
$textarea.trigger('keyup');
|
|
|
|
}
|
|
|
|
}
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
$textarea.on('change keyup keydown', function () {
|
|
|
|
$textarea.on('change keyup keydown', function () {
|
|
|
|
redrawTimeout && clearTimeout(redrawTimeout);
|
|
|
|
if (redrawTimeout) { clearTimeout(redrawTimeout); }
|
|
|
|
redrawTimeout = setTimeout(function () {
|
|
|
|
redrawTimeout = setTimeout(function () {
|
|
|
|
lazyDraw($textarea.val());
|
|
|
|
lazyDraw($textarea.val());
|
|
|
|
}, 500);
|
|
|
|
}, 500);
|
|
|
|