86 lines
2.2 KiB
HTML
86 lines
2.2 KiB
HTML
8 years ago
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
8 years ago
|
<title>Quill</title>
|
||
|
|
<meta charset="utf-8">
|
||
|
8 years ago
|
|
||
|
8 years ago
|
<link rel="stylesheet" href="quill.snow.css" />
|
||
|
8 years ago
|
|
||
|
8 years ago
|
<style>
|
||
|
|
.standalone-container {
|
||
|
|
margin: 0;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
8 years ago
|
|
||
|
8 years ago
|
#bubble-container {
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
8 years ago
|
|
||
|
8 years ago
|
#bubble-container div.ql-editor {
|
||
|
|
margin-top:3em;
|
||
|
|
}
|
||
|
|
|
||
|
|
.hidden {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
8 years ago
|
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
|
||
|
8 years ago
|
<div class="standalone-container">
|
||
|
|
<div id="bubble-container"></div>
|
||
|
|
</div>
|
||
|
|
<form><input type="hidden" name="md" id="md" />
|
||
|
|
<input id="btnSubmit" type="button" value="Valider" class="hidden" />
|
||
|
8 years ago
|
|
||
|
8 years ago
|
</form>
|
||
|
|
<div id="result"></div>
|
||
|
|
<script type="text/javascript" src="quill.min.js"></script>
|
||
|
8 years ago
|
<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>
|
||
|
8 years ago
|
|
||
|
|
<script type="text/javascript">
|
||
|
|
var toolbarOptions = [
|
||
|
|
['bold', 'italic', 'underline', 'strike'], // toggled buttons
|
||
|
|
['blockquote', 'code-block'],
|
||
|
|
|
||
|
|
[{ 'header': 1 }, { 'header': 2 }], // custom button values
|
||
|
|
[{ 'list': 'ordered' }, { 'list': 'bullet' }],
|
||
|
|
[{ 'indent': '-1' }, { 'indent': '+1' }], // outdent/indent
|
||
|
|
|
||
|
|
['clean'] // remove formatting button
|
||
|
|
];
|
||
|
|
|
||
|
|
var quill = new Quill('#bubble-container', {
|
||
|
|
modules: {
|
||
|
|
toolbar: toolbarOptions
|
||
|
|
},
|
||
|
|
placeholder: 'Composez votre texte ...',
|
||
|
8 years ago
|
theme: 'snow'
|
||
|
|
});
|
||
|
8 years ago
|
|
||
|
8 years ago
|
function getMD() {
|
||
|
|
return markdownize($('#bubble-container div.ql-editor').html())
|
||
|
8 years ago
|
}
|
||
|
8 years ago
|
quill.on('text-change', function (delta, oldDelta, source)
|
||
|
|
{
|
||
|
|
if (source === "user") {
|
||
|
|
$('#md').val(getMD());
|
||
|
|
$('#btnSubmit').removeClass('hidden');
|
||
|
|
}
|
||
|
|
});
|
||
|
|
$( document ).ready(function() {
|
||
|
|
$('#btnSubmit').on('click', function () {
|
||
|
|
$.get("hybrid:validate?md=" + encodeURIComponent(getMD()),
|
||
|
|
function(data,stat,jqXHR) { $('#result').html("Okay") })
|
||
|
|
})
|
||
|
|
});
|
||
|
|
</script>
|
||
|
8 years ago
|
|
||
|
|
</body>
|
||
|
|
</html>
|
||
|
8 years ago
|
|