parent
64cc177a60
commit
e43b9715e8
@ -1,38 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<meta content="text/html; charset=utf-8" http-equiv="content-type"/>
|
|
||||||
<script data-main="main" src="/bower_components/requirejs/require.js"></script>
|
|
||||||
<style>
|
|
||||||
*{
|
|
||||||
padding: 0px;
|
|
||||||
margin: 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.half {
|
|
||||||
position: fixed;
|
|
||||||
box-sizing: border-box;
|
|
||||||
border: 1px solid blue;
|
|
||||||
width: 50vw;
|
|
||||||
height: 100vh;
|
|
||||||
font-size: 15px;
|
|
||||||
background-color: #222;
|
|
||||||
color: #CCC;
|
|
||||||
top: 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
textarea{
|
|
||||||
left: 0px;
|
|
||||||
}
|
|
||||||
#target {
|
|
||||||
right: 0px;
|
|
||||||
overflow: scroll;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<textarea class="half"></textarea>
|
|
||||||
<div id="target" class="half"></div>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
|
|
@ -1,54 +0,0 @@
|
|||||||
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');
|
|
||||||
|
|
||||||
Marked.setOptions({
|
|
||||||
sanitize: true
|
|
||||||
});
|
|
||||||
|
|
||||||
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());
|
|
||||||
});
|
|
||||||
});
|
|
Loading…
Reference in New Issue