Éditeur de texte WYSIWYG Markdown intégré

Question

Dans la recherche d'un simple éditeur WYSIWYG pour code Markdown, je ne parviens pas à trouver un comparible de l'INTERFACE utilisateur pour que de CkEditor, TinyMCE, ect.

Plus précisément, le Markdown "WYSIWYG" les éditeurs sont souvent recommandés (tels que des messages comme cela ) ne sont pas du pur éditeurs WYSIWYG dans le sens que les utilisateurs écrivent toujours cru Markdown ( MarkItUp ) ou, à l'autre extrême de l'avoir dans l'édition en ligne sans contrôles standard ( Bonjour ).

J'ai besoin de quelque chose entre les deux.

Je suis à la recherche d'un éditeur Markdown qui ressemble et fonctionne comme une dépouillé CkEditor zone de texte, et qui accepte et sorties de Markdown. Il devrait y avoir une barre d'outils avec un minimum d'options de mise en forme (B, I, U, listes, ect), et la zone d'entrée de texte doit montrer le converti Markdown, pas le code brut. Il devrait y avoir un bouton de Source qui va permettre aux utilisateurs de modifier les premières Démarques, mais même cela est facultatif. Ex:

Je reçois la raison pour Markdown/wiki, ect - la sécurité qu'il offre. Je n'ai pas l'esprit en entrant le code brut, comme ici à SOI, mais mes utilisateurs ne sont pas des geeks et de ne pas trouver cela agréable. Ils ne veulent pas voir * * * _ et des espaces mixtes avec leur texte. Ils sont utilisés pour "Mot" style de montage, et sont plus productifs que d'environnement.

Donc, est - il réellement intégré de l'éditeur WYSIWYG pour Markdown? J'écris en PHP, donc quelque chose que je peux invoquer avec une classe, ce serait parfait.

Answer 1

Je faisais des recherches à ce sujet l'autre jour et je n'ai pas trouvé tout bon éditeur WYSIWYG avec des Réductions de sortie. En fait, vous devez d'abord créer un WYSIWG éditeur Markdown est WYSIWG éditeur HTML et il ya seulement quelques-uns d'entre eux qui sont utilisables sur le marché.

Il ya une chance que vous serez en mesure de créer dataProcessor pour CKEditor qui va changer l'éditeur HTML dans l'éditeur Markdown. Nous avons un plugin pour le BBCode qui fonctionne comme ceci (à vérifier http://nightly-v4.ckeditor.com/3737/samples/bbcode.html).

Tout ce que vous avez à faire est de mettre en œuvre cette interface http://nightly-v4.ckeditor.com/ckeditor_api/#!/api/CKEDITOR.dataProcessor. Si vous cochez le BBCode en code du plugin, vous pourrez voir quelques hacks et astuces, parce que malheureusement courant CKEditor l'architecture n'est pas prêt (encore) pour créer un tel processeur de données. Cependant, je crois que si vous voulez fournir seulement quelques options de style, vous devriez être en mesure de mettre en œuvre des Réductions de soutien très rapidement.

Answer 2

Plume est une nouvelle (actif à partir de 2014) de l'éditeur WYSIWYG que les sorties de Démarques.
Il n'est pas parfait-j'ai eu des problèmes avec coller le HTML, mais il fonctionne.

Edit: Désolé! Il n'a pas de sortie de Markdown. Walery Strauch souligné dans les commentaires qui la Démarque mise en forme des signes que j'ai vu étaient en réalité CSS pseudo élément de règles:

Encore, je vais le laisser ici comme une option, car certaines personnes upvoted cette réponse, et de l'utiliser à quelqu'un.

Answer 3

Je suis également à la recherche d'un éditeur markdown qui est décrit dans le haut de ce fil

Avez-vous vu "markdown outils": http://md-wysiwyg.sourceforge.net/

Démo: http://md-wysiwyg.sourceforge.net/cgi-bin/cgi_wysiwyg_test.py/

Qui semble assez proche de ce que nous sommes à la recherche pour, il fait un travail raisonnable de prendre votre WYSIWYG de texte riche et à la sortie de markdown. Cependant, il a échoué sur une exception lors de l'encodage, j'ai collé dans certains riches texte à partir d'un google doc.

Answer 4

J’ai atteint cette question car je cherche aussi pour l’éditeur de texte WYSIWYG bon pour intégrer avec Markdown. Je suis tombé sur hallo.js. Il semble prometteur. Je vais essayer ça.

Answer 5

Avez-vous tente de celui-ci : http://mrcoles.com/demo/markdown-css/ semble être le meilleur de son genre et fonctionne de 3 façons, c.-à-d. HTML-Markdown-aperçu

Il y a toujours une chose manquant, le WYSIWYG.