Bladeren bron

Ajout markdown

Loquicom 5 jaren geleden
bovenliggende
commit
c68300eade
1 gewijzigde bestanden met toevoegingen van 30 en 1 verwijderingen
  1. 30 1
      src/edit.html

+ 30 - 1
src/edit.html

@@ -26,7 +26,26 @@
 
         <!-- Main content -->
         <main>
-            Bonjour
+            <div class="container">
+                <div class="row mtop-5">
+                    <div class="col s6 left-align">
+                        <button class="modal-close waves-effect waves-light btn-large red"><i class="large material-icons left">keyboard_backspace</i> Retour</button>
+                    </div>
+                    <div class="col s6 right-align">
+                        <button class="btn-floating btn-large waves-effect waves-light red"><i class="large material-icons">save</i></button>
+                    </div>
+                </div>
+                <div class="row">
+                    <div class="col s12 m6 offset-m3 input-field">
+                        <i class="material-icons prefix">title</i>
+                        <input id="titre" type="text" class="validate">
+                        <label for="titre">Titre</label>
+                    </div>
+                </div>
+                <div class="row">
+                    <textarea></textarea>
+                </div>
+            </div>
         </main>
 
         <script type="text/javascript" src="../node_modules/jquery/dist/jquery.min.js"></script>
@@ -43,6 +62,16 @@
                 scope = binder({
                     username: username ? username : 'Utilisateur'
                 });
+                // Load MD editor
+                const simplemde = new SimpleMDE({
+                    placeholder: 'Écrire ici...',
+                    toolbar: [
+                        'bold', 'italic', 'heading', '|', 
+                        'code', 'quote', 'unordered-list', 'ordered-list', '|', 
+                        'link', 'image', 'table', '|',
+                        'preview', 'guide'
+                    ]
+                });
             });
         </script>
     </body>