Markdown Live Preview Editor?

78

J'utilise actuellement Textmatepour créer des documents Markdown, mais cela nécessite que j'appuie sur CtrlOptionCmd+ Pchaque fois que je veux "mettre à jour" la fenêtre de sortie de Markdown. Je l'utilise essentiellement comme un traitement de texte.

Existe-t-il un éditeur Markdown pour Mac OS X qui prend en charge la mise à jour wysiwig / live du contenu? Peut-être que Textmate le fait déjà?

macos textmate markdown word-processing wysiwyg Brock Woolf
la source
Rechercher la même chose pour Linux, toujours cette question est très utile (il y a quelques programmes portables énumérés ici)
Dacav
Plusieurs éditeurs avec des fonctionnalités de prévisualisation en ligne / wysiwyg sont disponibles ici: softwarerecs.stackexchange.com/questions/5746/…
gaborous

Réponses:

40

Si vous souhaitez utiliser TextMate, modifiez l'association de langue de votre fichier en "HTML". Dans la fenêtre d'aperçu, un tiroir propose l'option de diriger le texte via "Markdown.pl". (Voir capture d'écran).

Réduction

L’alternative que j’utilise pour Makrdown n’est pas une application officielle, mais j’utilise personnellement markdownlive de Jonathan 'Wolf' Rentzsch. C'est open source disponible sur GitHub et vous devrez le compiler en utilisant Xcode. Cela vous permet également de copier le HTML généré (ce que j'aime bien utiliser pendant un moment).

Chealion
la source
J'ai essayé markdownlive. Cela fonctionne, mais comme vous l'avez dit, son développement est assez primitif en termes de coloration syntaxique. Je vais essayer une autre méthode bientôt.
Brock Woolf
2
vous n'avez pas à définir votre type de fichier sur HTML. Si vous utilisez le paquetage markdown, il vous suffit de supprimer l'activation équivalente de la clé de prévisualisation dans les paramètres du paquet. puis, dans le menu de la fenêtre, l’aperçu Web de l’émission de textmate vous donnera un aperçu en direct.
Yanokwa
Qu'en est-il de multimarkdown?
Kirk Strobeck
5
Vous n'êtes pas obligé de construire MarkdownLive vous-même: github.com/rentzsch/markdownlive/downloads
Matt Ball
+1 pour le commentaire de @ yanokwa. J'aime particulièrement ce fork du plugin markdown, qui préserve joliment des choses comme l'indentation des listes non ordonnées: github.com/fletcher/markdown.tmbundle
user72923
62

Il y a aussi "Mou", un éditeur en direct pour Mac OS X (Lion). Il est toujours en version bêta, mais fonctionne très bien! http://mouapp.com/

Lorsque les éditeurs Markdown disponibles actuels sont presque tous destinés aux rédacteurs généraux, Mou est différent: c’est pour les développeurs Web. Mise en évidence de la syntaxe, aperçu en direct, mode plein écran, enregistrement automatique, actions puissantes, association automatique, recherche incrémentielle, thèmes personnalisés, exportation HTML, prise en charge améliorée des caractères CJK.

entrez la description de l'image ici

Dzen
la source
4
Mou a fière allure, mais nécessite Lion.
Thilo
28

Marqué uniquement, Marked fournit un aperçu de la démarque et de la démarcation multiple pour n’importe quel éditeur de texte. L'aperçu est mis à jour lorsque vous enregistrez le fichier texte.

Capture d'écran marquée

MarkdownPad est pour Windows, mais fournit un aperçu en direct.

MarkdownPad capture d'écran

ReText est disponible pour d'autres plates-formes et offre un aperçu en direct du rendu de Markdown:

ReText est un éditeur de texte simple pour la syntaxe Markdown. Il est écrit en Python à l'aide de bibliothèques Qt, capable de fonctionner sur toutes les plateformes (Linux et BSD sont officiellement supportés)

ReText capture d'écran

Bien que non officiellement pris en charge, il existe également des instructions d'installation de Windows ; cependant, j'ai dû faire quelques modifications pour les faire fonctionner (l'ensemble complet avec mes corrections est présenté ci-dessous):

Installation

  1. Installez Python27
  2. Installer PyQT précompilé pour PyQt-Py2.7-x86-gpl-4.8.3-1.exe PyQt-Py2.7-x86-gpl-4.8.4-1.exe
  3. Installez easy_install setuptools-0.6c11.win32-py2.7.exe
  4. Mettez à jour les variables d'environnement de votre ordinateur. Cliquez Start, faites un clic droit My Computeret sélectionnez Properties, sélectionnez l' Advancedonglet, puis cliquez sur Environment Variables.
  5. Sous System Variables, cliquez sur New. Sous nom de variable, entrez PYTHONPATH. Sous Variable valueentrerC:\Python27\Lib\;C:\Python27\Lib\site-packages\
  6. Sélectionnez le PATHclic sur la variable système Edit. Mettez à jour le PATH variable valueen ajoutant C:\Python27;C:\Python27\Lib\site-packages\PyQt4\bin;au début des entrées existantes de sorte qu'il se lise commePATH=C:\Python27;C:\Python27\Lib\site-packages\PyQt4\bin;...
  7. Installez des bibliothèques Python supplémentaires. Sélectionnez Startensuite Run, tapez cmdensuite cd \python27\scripts. Entrer:
    • easy_install Pygments
    • easy_install ElementTree
    • easy_install Markdown
    • easy_install gdata
  8. Télécharger et décompresser le ReText actuel (ATM 0.8.1 )
  9. Téléchargez et décompressez les icônes ReText
  10. Placez les icônes décompressées dans le dossier ReText \ icons
  11. Accédez au fichier retext.py (probablement à c:\retext). Cliquez avec le bouton droit de la souris sur retext.py et sélectionnez-le Create shortcuts here.
  12. Cliquez avec le bouton droit sur le raccourci pour ajuster les propriétés.
  13. Changer targetà "C:\Python27\python.exe" retext.pyet Runà minimized.
  14. Modifiez l'icône (ce qui vous obligera à créer un .icofichier à partir de l'un des .pngfichiers décompressés ci-dessus dans le ReText/iconsrépertoire, ce qui peut être fait ici
  15. Modifiez le nom du raccourci dans l'onglet Général si vous le souhaitez.
Adam Wuerl
la source
1
Pour ceux qui veulent se faire marquer (ce que je peux vraiment recommander) et qui ont toujours Snow Leopard (10.6), il existe un téléchargement gratuit uniquement pour Snow Leopard disponible via la FAQ ( marquée.tenderapp.com / kb / documentation / … ): assets .markedapp.com / MarkedSL.zip
Simon Lehmann Le
Mieux vaut énumérer chacune de ces réponses séparément
Zac Thompson
19

MarkdownLive fait exactement ce que vous voulez, libre et open source.

Téléchargez la version via GitHub ou la version 1.7.1 à partir d' ici .

entrez la description de l'image ici

0xced
la source
7

BBEdit effectue cette opération immédiatement : définissez le type de document actuel sur Markdown, ouvrez Aperçu dans BBEdit et saisissez loin. La fenêtre de prévisualisation se met à jour automatiquement et affiche votre texte exactement comme vous le souhaitez.

Voir la page 277 du Manuel de l'utilisateur BBEdit pour plus de détails.

Dori
la source
5

Le mode de démarquage Emacs vous donne un aperçu en direct pendant que vous écrivez, ainsi qu'un aperçu complet HTML / Navigateur avec C-c C-p.

entrez la description de l'image ici

ocodo
la source
3

vim-instant-markdown est un plugin vim qui affiche des mises à jour quasi instantanées dans le navigateur Web par défaut de votre système. Cela fonctionne même sous MacVim, même si j'ai dû manipuler un peu $ PATH.

wfaulk
la source
1
Cela vous dérange-t-il de partager ce que vous avez fait avec votre $ PATH?
Eric Hu
2

Smultron récemment réactivé peut également le faire sans appuyer sur aucune touche:

  1. Réglez "Preview Parser" sur "Markdown" dans les préférences avancées sous "Vraiment avancé".
  2. Ouvrez ensuite la fenêtre d'aperçu avec "Outils" / "Aperçu". Voilà.
Beat Rupp
la source
2

Textes pour Mac OS X et Windows.

Textes Screenshot

Fedor Sheremetyev
la source
1
Attention : le site web cache l'information que Texts n'est pas gratuit . Vous ne pouvez l'utiliser que pendant 30 jours avant de devoir acheter une licence .
Rory O'Kane