|
|
@@ -257,20 +257,6 @@
|
|
257
|
257
|
<script src="js/markdown.js"></script>
|
|
258
|
258
|
<script src="js/spreadsheet.js"></script>
|
|
259
|
259
|
<script>
|
|
260
|
|
- var activeReaders = [];
|
|
261
|
|
- var parser = null;
|
|
262
|
|
- function onDocumentLoad() {
|
|
263
|
|
- activeReaders = Markdown.standardReaders.slice();
|
|
264
|
|
- parser = new Markdown(activeReaders);
|
|
265
|
|
- document.getElementById('markdowninput').addEventListener('input', onMarkdownChange);
|
|
266
|
|
- populateReaderCheckboxes();
|
|
267
|
|
- setTimeout(onMarkdownChange, 0);
|
|
268
|
|
- }
|
|
269
|
|
- function onMarkdownChange() {
|
|
270
|
|
- let markdown = document.getElementById('markdowninput').value;
|
|
271
|
|
- let html = parser.toHTML(markdown, 'foo-');
|
|
272
|
|
- document.getElementById('preview').innerHTML = html;
|
|
273
|
|
- }
|
|
274
|
260
|
var blockReaderClasses = {
|
|
275
|
261
|
'Heading (underline)': MDUnderlinedHeadingReader,
|
|
276
|
262
|
'Heading (hash)': MDHashHeadingReader,
|
|
|
@@ -305,6 +291,21 @@
|
|
305
|
291
|
'Modifiers': MDModifierReader,
|
|
306
|
292
|
'Line breaks': MDLineBreakReader,
|
|
307
|
293
|
};
|
|
|
294
|
+ var activeReaders = [];
|
|
|
295
|
+ var parser = null;
|
|
|
296
|
+ function onDocumentLoad() {
|
|
|
297
|
+ activeReaders = [ ...Markdown.allReaders, new MDSpreadsheetReader() ];
|
|
|
298
|
+ parser = new Markdown(activeReaders);
|
|
|
299
|
+ document.getElementById('markdowninput').addEventListener('input', onMarkdownChange);
|
|
|
300
|
+ populateReaderCheckboxes();
|
|
|
301
|
+ setTimeout(onMarkdownChange, 0);
|
|
|
302
|
+ }
|
|
|
303
|
+ function onMarkdownChange() {
|
|
|
304
|
+ const textarea = document.getElementById('markdowninput');
|
|
|
305
|
+ let markdown = textarea.value;
|
|
|
306
|
+ let html = parser.toHTML(markdown, 'foo-');
|
|
|
307
|
+ document.getElementById('preview').innerHTML = html;
|
|
|
308
|
+ }
|
|
308
|
309
|
function populateReaderCheckboxes() {
|
|
309
|
310
|
const container = document.getElementById('readercontainer');
|
|
310
|
311
|
var header = document.createElement('div');
|