Slap marked.js onto a textarea

Multiple people can now edit markdown and see the results in realtime.
This commit is contained in:
ansuz
2016-01-29 12:30:17 +01:00
parent d5a1629a93
commit 1f7f90165f
3 changed files with 369 additions and 0 deletions

50
www/md/main.js Normal file
View File

@@ -0,0 +1,50 @@
define([
'/api/config?cb=' + Math.random().toString(16).substring(2),
'/common/realtime-input.js',
'/common/messages.js',
'/common/crypto.js',
'/common/marked.js',
'/bower_components/jquery/dist/jquery.min.js',
'/customize/pad.js'
], function (Config, Realtime, Messages, Crypto, Marked) {
var $ = jQuery;
$(window).on('hashchange', function() {
window.location.reload();
});
if (window.location.href.indexOf('#') === -1) {
window.location.href = window.location.href + '#' + Crypto.genKey();
return;
}
var key = Crypto.parseKey(window.location.hash.substring(1));
var $textarea = $('textarea'),
$target = $('#target');
var draw = function (content) {
// draw stuff
$target.html(Marked(content));
};
var rts = $textarea.toArray().map(function (e, i) {
var rt = Realtime.start(e, // window
Config.websocketURL, // websocketUrl
Crypto.rand64(8), // userName
key.channel, // channel
key.cryptKey,
null,
function (){
draw($textarea.val());
}); // cryptKey
return rt;
})[0];
//rts.onEvent
window.rts = rts;
$textarea.on('change keyup keydown', function () {
//console.log("pewpew");
draw($textarea.val());
});
});