Переглянути джерело

Add custom markdown parser

Loquicom 5 роки тому
батько
коміт
6364290d92
2 змінених файлів з 12 додано та 3 видалено
  1. 11 2
      src/edit.html
  2. 1 1
      src/index.html

+ 11 - 2
src/edit.html

@@ -3,10 +3,11 @@
     <head>
         <meta charset="UTF-8">
         <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
-        <link type="text/css" rel="stylesheet" href="../node_modules/simplemde/dist/simplemde.min.css" />
+        <link type="text/css" rel="stylesheet" href="../node_modules/simplemde/dist/simplemde.min.css"/>
         <link type="text/css" rel="stylesheet" href="css/material-icons.css"/>  
         <link type="text/css" rel="stylesheet" href="css/materialize.min.css"  media="screen,projection"/>
         <link type="text/css" rel="stylesheet" href="css/style.min.css"  media="screen,projection"/>
+        <link type="text/css" rel="stylesheet" href="css/google-code-prettify/desert.css"/>
         <title>Titre</title>
     </head>
     <body>
@@ -49,7 +50,10 @@
 
         <script type="text/javascript" src="../node_modules/jquery/dist/jquery.min.js"></script>
         <script type="text/javascript" src="../node_modules/simplemde/dist/simplemde.min.js"></script>
+        <script type="text/javascript" src="../node_modules/marked/marked.min.js"></script> 
+        <script type="text/javascript" src="../node_modules/dompurify/dist/purify.min.js"></script>
         <script type="text/javascript" src="js/materialize.min.js"></script>
+        <script type="text/javascript" src="js/google-code-prettify/prettify.js"></script>
         <script type="text/javascript" src="js/script.js"></script>
         <script type="text/javascript" src="js/binder.js"></script>
         <script type="text/javascript">
@@ -65,12 +69,17 @@
                 // Load MD editor
                 const simplemde = new SimpleMDE({
                     placeholder: 'Écrire ici ...',
+                    spellChecker: false,
                     toolbar: [
                         'bold', 'italic', 'heading', '|', 
                         'code', 'quote', 'unordered-list', 'ordered-list', '|', 
                         'link', 'image', 'table', '|',
                         'preview', 'guide'
-                    ]
+                    ],
+                    previewRender: (md) => {
+                        setTimeout(() => {PR.prettyPrint();}, 250);
+                        return md.toHTML();
+                    }
                 });
             });
         </script>

+ 1 - 1
src/index.html

@@ -6,7 +6,7 @@
         <link type="text/css" rel="stylesheet" href="css/material-icons.css"/>  
         <link type="text/css" rel="stylesheet" href="css/materialize.min.css"  media="screen,projection"/>
         <link type="text/css" rel="stylesheet" href="css/style.min.css"  media="screen,projection"/>
-        <link type="text/css" rel="stylesheet" href="css/google-code-prettify/desert.css">
+        <link type="text/css" rel="stylesheet" href="css/google-code-prettify/desert.css"/>
         <title>Titre</title>
     </head>
     <body class="grey lighten-4">