web-dev-qa-db-fra.com

Markdown Live Preview Editor?

J'utilise actuellement Textmate pour créer des documents Markdown, mais je dois appuyer sur CtrlOptionCmd + P chaque 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à?

78
Brock Woolf

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).

Markdown

L'alternative que j'utilise pour Makrdown n'est pas une application publiée officiellement, mais personnellement, j'utilise 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).

40
Chealion

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.

enter image description here

62
dzen

Mac uniquement, Marqué fournit un aperçu du démarquage et de plusieurs démarques pour tout éditeur de texte. L'aperçu est mis à jour lorsque vous enregistrez le fichier texte.

Marked screenshot


MarkdownPad est destiné à Windows, mais fournit un aperçu en direct.

MarkdownPad screenshot


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 screenshot

Bien que non officiellement pris en charge, il existe également les 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. Installer Python27
  2. Installez 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 sur Start, cliquez avec le bouton droit sur My Computer et sélectionnez Properties, sélectionnez l'onglet Advanced, puis cliquez sur Environment Variables.
  5. Sous System Variables, cliquez sur New. Sous nom de variable, entrez PYTHONPATH. Sous Variable value entrez C:\Python27\Lib\;C:\Python27\Lib\site-packages\
  6. Sélectionnez la variable système PATH cliquez sur Edit. Mettez à jour le PATH variable value en ajoutant C:\Python27;C:\Python27\Lib\site-packages\PyQt4\bin; au début des entrées existantes afin qu'il se lise comme suit: PATH=C:\Python27;C:\Python27\Lib\site-packages\PyQt4\bin;...
  7. Installez des bibliothèques Python supplémentaires. Sélectionnez Start puis Run, tapez cmd puis cd \python27\scripts. Entrer:
    • easy_install Pygments
    • easy_install ElementTree
    • easy_install Markdown
    • easy_install gdata
  8. Téléchargez et décompressez le texte 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 Create shortcuts here.
  12. Cliquez avec le bouton droit sur le raccourci pour ajuster les propriétés.
  13. Remplacez target par "C:\Python27\python.exe" retext.py et Run par minimized.
  14. Modifiez l'icône (ce qui vous obligera à créer un fichier .ico à partir de l'un des fichiers .png décompressés ci-dessus dans le répertoire ReText/icons, ce qui peut être fait ici
  15. Modifiez le nom du raccourci dans l'onglet Général si vous le souhaitez.
28
Adam Wuerl

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

Téléchargez la version via GitHub, ou la version 1.7.1 de ici .

enter image description here

19
0xced

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

Reportez-vous à la page 277 du Guide de l'utilisateur BBEdit pour plus de détails.

7
Dori

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-cC-p.

enter image description here

5
ocodo
4
Lri

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.

3
wfaulk

Le Smultron récemment relancé 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à.
2
Beat Rupp

Textes pour Mac OS X et Windows.

Texts Screenshot

2

Les utilisateurs Windows peuvent utiliser Resophnotes pour écrire leur texte dans Markdown et utiliser l’icône "HTML" pour prévisualiser le texte marqué, puis exporter le texte au format HTML.

http://www.resoph.com/ResophNotes/Welcome.html

0
ejmurray

Je pourrais aussi bien avoir un lien vers ma question sur le SU - Où je cherchais la même chose, juste en PHP/JavaScript (qui peut fonctionner sur un serveur installé localement):

Markdown "page unique" PHP application Web avec prévisualisation en direct? [fermé] - Super utilisateur

0
sdaau