Récupérer le code html de l'éditeur bootstrap markdown

Bonjour,

J'utilise l'éditeur js bootstrap-markdown-editor que j'ai récupéré ici. Je voudrais récupérer le html issu du parsing markdown fait par l'éditeur, après le submit. Je n'arrive pas à trouver où est-ce qu'on peut récupérer cet html.
L'éditeur est chargé comme ceci:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12

<input id="editor" type="text" /> <script> jQuery(document).ready(function($) { $('#editor').markdownEditor({ preview : true, onPreview : function(content, callback) { callback(marked(content)); } }); }); </script>

---

Quelqu'un aurait une piste?
Merci d'avance :-)
/cr!ptal

Bonjour,

Code:

---

1 2 3

onPreview : function(content, callback) { console.log(marked(content)); // affiche le code HTML }

---

Merci pour ton astuce. Ca ne résout pas mon problème en fait. Je recadre:
J'ai un bouton "Submit comment" qui a une fonction onclick(set_html()), qui est censée récupérer l'html du textarea et le transmettre au POST du formulaire dans lequel se trouve cet ensemble d'éléments. J'ai essayé ceci:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

<input id="editor" type="text" /> <input id="m_html" name="marked_html" type="hidden" value=""> <script>             function set_marked () {                         //TODO                         console.log("start set_marked()");                         document.getElementById("m_html").value = $('#editor').markdownEditor.onPreview;                                 console.log("m_html:");                         console.log(document.getElementById("m_html").value);             }                 </script>     <br> <input id="submitb" type="submit" value="Submit comment" style="color:grey" data-toggle="tooltip" data-placement="top" title="Calculation verification needed" onclick="set_marked()" disabled/>

---

Et je récupère dans le value de l'élément m_html "undefined". Je n'arrive pas à accéder au html parsé du markdown pour le sauvegarder dans la base. J'ai fait une tentative avec

Code:

---

$('#editor').markdownEditor.onPreview

---

, sans succès.
Une piste svp?

D'après la documentation il existe deux méthodes pour écrire/lire dans l'éditeur :

Code:

---

1 2	var content = $('#myEditor').markdownEditor('content'); // Returns the content of the editor $('#myEditor').markdownEditor('setContent', content); // Sets the content of the editor

---

mais elles sont malheureusement boguées :calim2:

Il existe une façon de corriger ce bogue, non fait dans les sources disponibles !!!!, cette correction est décrite dans l'issue #26.

Une autre façon de faire est de récupérer directement le contenu de ta <textarea>, qui est mise à jour automatiquement, via un simple

Code:

---

1 2 3 4 5

$("#id-bouton").on("click", function(){ const content = $('#id-editor').val(); console.log("brut : ", content); console.log("html : ", marked(content)); });

---

Merci @NoSmoking, ta dernière proposition à résolu le pb. Maintenant, je me rends compte que cet éditeur markdown est assez limité (pas moyen de faire l'équivalent d'un <br>, le heading affecte Tout le texte). Est-ce que tu connaitrais pas un éditeur fiable stp? (pas focément markdown, il peut être comme celui qu'on utilise (du BB code, si je ne me trompe pas). En tout cas, un éditeur non bugué :-)
Merci pour ton soutien!

/cr!ptal

Citation:

---

Est-ce que tu connaitrais pas un éditeur fiable stp?

---

il y a bien sûr :

• ckeditor ;
• tinymce.

et tout un tas d'autres

• draft ;
• froala ;
• HTML-CSS-JS ;
• medium-editor ;
• quill ;
• summernote ;
• squire ;
• TOAST UI Editor ;
• trix ;
• trumbowyg ;
• Encore pleins d'autres ...

que l'embarras du choix, à voir et à tester ;)

Merci pour cette liste exhaustive! J'ai choisi "trix", c'est proche de ce que je cherche, j'ai juste à désactiver l'upload de fichier.
/cr!ptal