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