48 lines
986 B
HTML
48 lines
986 B
HTML
8 years ago
|
<!DOCTYPE html>
|
||
|
<html>
|
||
|
<head>
|
||
|
<title>Bubble Theme - Quill</title>
|
||
|
<meta charset="utf-8">
|
||
|
|
||
|
<link rel="stylesheet" href="quill.bubble.css" />
|
||
|
|
||
|
<style>
|
||
|
.standalone-container {
|
||
|
margin: 50px auto;
|
||
|
width: 720px;
|
||
|
}
|
||
|
#bubble-container {
|
||
|
height: 350px;
|
||
|
}
|
||
|
</style>
|
||
|
|
||
|
|
||
|
</head>
|
||
|
<body>
|
||
|
|
||
|
<div class="standalone-container">
|
||
|
<div id="bubble-container"></div>
|
||
|
</div>
|
||
|
|
||
|
<script type="text/javascript" src="quill.min.js"></script>
|
||
|
|
||
|
<script type="text/javascript" src="jquery.js"></script>
|
||
|
<script type="text/javascript" src="showdown.js"></script>
|
||
|
<script type="text/javascript" src="to-markdown.js"></script>
|
||
|
<script type="text/javascript" src="md-helpers.js"></script>
|
||
|
|
||
|
<script type="text/javascript">
|
||
|
var quill = new Quill('#bubble-container', {
|
||
|
placeholder: 'Compose an epic...',
|
||
|
theme: 'bubble'
|
||
|
});
|
||
|
|
||
|
function GetMD() {
|
||
|
return $("<div>"+markdownize($('#bubble-container div.ql-editor').html())+"</div>").text()
|
||
|
}
|
||
|
</script>
|
||
|
|
||
|
|
||
|
</body>
|
||
|
</html>
|