notazof/yavsc
1
0
Fork 0
Code Issues Pull requests Projects 1 Releases 3 Packages Wiki Activity Actions

Renders md to app@validate

Browse source
This commit is contained in:
Paul Schneider 2016-09-18 00:06:03 +02:00
commit 08967effd7
1 changed files with 52 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

70
BookAStar/BookAStar.Droid/MarkdownEditor.cshtml
View file

@ -2,47 +2,81 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="katex.min.css" />
<link rel="stylesheet" href="monokai-sublime.min.css" />
<link rel="stylesheet" href="quill.snow.css" />
<style>
.standalone-container {
margin: 20px auto;
margin: 0;
width: 100%;
}
#snow-container {
height: 100%;
#bubble-container {
height: 100%;
}
#bubble-container div.ql-editor {
margin-top:3em;
}
.hidden {
display: none;
}
</style>
</head>
<body>
<div class="standalone-container">
<div id="snow-container">@Html.Write(Model)</div>
<div id="bubble-container">@Html.Write(Model)</div>
</div>
<script type="text/javascript" src="katex.min.js"></script>
<script type="text/javascript" src="highlight.min.js"></script>
<form><input type="hidden" name="md" id="md" />
<input id="btnSubmit" type="button" value="Valider" class="hidden" /></form>
<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('#snow-container', {
placeholder: 'Compose an epic...',
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 ...',
theme: 'snow'
});
function getMD() {
return markdownize($('#bubble-container div.ql-editor').html())
}
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("file:validate?md=" + encodeURIComponent(getMD()),
function (data, stat, jqXHR) { $('#result').html("Okay") })
})
});
</script>
</body>
</html>