Markdown Live Preview Editor?

77

Ich benutze gerade Textmate Markdown-Dokumente zu erstellen, aber es erfordert mich zu drücken Strg Möglichkeit Cmd + P Jedes Mal, wenn ich das Markdown-Ausgabefenster aktualisieren möchte. Im Wesentlichen benutze ich es wie ein Textverarbeitungsprogramm.

Gibt es einen Markdown-Editor für Mac OS X, der Wysiwyg / Live-Updates des Inhalts unterstützt? Vielleicht macht Textmate das schon?

Brock Woolf
quelle
Diese Frage ist bei der Suche nach Linux sehr hilfreich (hier sind einige tragbare Programme aufgeführt).
Dacav
Es gibt verschiedene Editoren mit Inline-Vorschau- / Wysiwyg-Funktionen: softwarerecs.stackexchange.com/questions/5746/…
gaborous

Antworten:

40

Wenn Sie TextMate verwenden möchten, ändern Sie die Sprachzuordnung Ihrer Datei in "HTML". Im Vorschaufenster gibt es eine Schublade, in der die Option den Text durch 'Markdown.pl' leiten kann. (Siehe Screenshot).

Markdown

Die Alternative, die ich für Markdown benutze, ist keine offiziell veröffentlichte App, sondern ich persönlich markdownlive von Jonathan 'Wolf' Rentzsch. Es ist Open Source und auf GitHub verfügbar. Sie müssen es mit Xcode kompilieren. Es erlaubt Ihnen auch, das generierte HTML zu kopieren (was ich gerne für einiges verwende).

Chealion
quelle
Ich habe MarkdownLive ausprobiert. Es funktioniert, aber wie Sie sagten, befindet es sich in der Entwicklung und ist ziemlich primitiv in der Syntaxfärbung. Ich werde bald eine andere Methode ausprobieren.
Brock Woolf
2
Sie müssen Ihren Dateityp nicht auf HTML einstellen. Wenn Sie das Markdown-Bundle verwenden, müssen Sie nur die entsprechende Aktivierung der Vorschau in den Bundle-Einstellungen entfernen. dann zeigt textmate mit der show web preview im fenstermenü eine live vorschau an.
yanokwa
Was ist mit Multimarkdown?
Kirk Strobeck
5
Sie müssen MarkdownLive nicht selbst erstellen: github.com/rentzsch/markdownlive/downloads
Matt Ball
+1 Für den Kommentar von @ yanokwa. Besonders gut gefällt mir dieser Fork des Markdown-Plugins, der Einrückungen für ungeordnete Listen gut bewahrt: github.com/fletcher/markdown.tmbundle
user72923
62

Es gibt auch "Mou", einen Live-Editor für Mac OS X (Lion). Es ist immer noch in der Beta, funktioniert aber großartig! http://mouapp.com/

Wenn die derzeit verfügbaren Markdown-Editoren fast ausschließlich für allgemeine Autoren bestimmt sind, ist Mou anders: Es ist für Webentwickler. Syntax-Hervorhebung, Live-Vorschau, Vollbildmodus, automatisches Speichern, leistungsstarke Aktionen, automatisches Pairing, inkrementelle Suche, benutzerdefinierte Designs, HTML-Export, erweiterte Unterstützung für CJK-Zeichen.

enter image description here

dzen
quelle
4
Mou sieht gut aus, benötigt aber Lion.
Thilo
28

Nur Mac, Markiert Bietet Markdown- und Multi-Markdown-Vorschau für jeden Texteditor. Die Vorschau wird aktualisiert, wenn Sie die Textdatei speichern.

Marked screenshot


MarkdownPad ist für Windows, bietet aber eine Live-Vorschau.

MarkdownPad screenshot


ReText ist für andere Plattformen verfügbar und bietet eine Live-Vorschau des gerenderten Markdown:

ReText ist ein einfacher Texteditor für die Markdown-Syntax. Es ist in Python mit Qt-Bibliotheken geschrieben und kann auf allen Plattformen ausgeführt werden (Linux und BSD werden offiziell unterstützt).

ReText screenshot

Obwohl nicht offiziell unterstützt, gibt es Installationsanleitung für Windows auch; Ich musste jedoch einige Änderungen vornehmen, um sie zum Laufen zu bringen (der vollständige Satz mit meinen Korrekturen wird unten gezeigt):

Installation

  1. Installieren Python27
  2. Installieren Sie PyQT vorkompiliert für PyQt-Py2.7-x86-gpl-4.8.3-1.exe PyQt-Py2.7-x86-gpl-4.8.4-1.exe
  3. Installieren Sie easy_install setuptools-0.6c11.win32-py2.7.exe
  4. Aktualisieren Sie die Umgebungsvariablen Ihres Computers. Klicken Start, Rechtsklick My Computer und wählen Sie Properties, wähle aus Advanced Registerkarte, und klicken Sie dann auf Environment Variables.
  5. Unter System Variables, klicken New. Geben Sie unter Variablenname ein PYTHONPATH. Unter Variable value eingeben C:\Python27\Lib\;C:\Python27\Lib\site-packages\
  6. Wählen Sie die Systemvariable PATH klicken Edit. Aktualisieren Sie den Pfad variable value beim Hinzufügen C:\Python27;C:\Python27\Lib\site-packages\PyQt4\bin; an die Front der vorhandenen Einträge, so dass es wie folgt lautet PATH=C:\Python27;C:\Python27\Lib\site-packages\PyQt4\bin;...
  7. Installieren Sie zusätzliche Python-Bibliotheken. Wählen Start dann Run, Art cmd dann cd \python27\scripts. Eingeben:
    • easy_install Pygments
    • easy_install ElementTree
    • easy_install Markdown
    • easy_install gdata
  8. Downloaden und entpacken Sie den aktuellen ReText (ATM 0.8.1 )
  9. Herunterladen und entpacken ReText-Symbole
  10. Legen Sie die entpackten Symbole in den Ordner ReText \ icons
  11. Navigieren Sie zur Datei retext.py (wahrscheinlich um c:\retext ). Klicken Sie mit der rechten Maustaste auf retext.py und wählen Sie Create shortcuts here.
  12. Klicken Sie mit der rechten Maustaste auf die Verknüpfung, um die Eigenschaften anzupassen.
  13. Veränderung target zu "C:\Python27\python.exe" retext.py und Run zu minimized.
  14. Ändern Sie das Symbol (dazu müssen Sie ein Symbol erstellen) .ico Datei von einem der .png Dateien, die oben in die entpackt wurden ReText/icons Verzeichnis, das getan werden kann Hier
  15. Ändern Sie gegebenenfalls den Namen der Verknüpfung auf der Registerkarte Allgemein.
Adam Wuerl
quelle
1
Für diejenigen, die Marked erhalten möchten (was ich wirklich empfehlen kann) und noch Snow Leopard (10.6) haben, gibt es einen kostenlosen Snow Leopard-Download, der nur über die FAQ erhältlich ist ( marked.tenderapp.com/kb/documentation/… ): assets.markedapp.com/MarkedSL.zip
Simon Lehmann
Es ist besser, diese als separate Antworten aufzulisten
Zac Thompson
19

MarkdownLive macht genau das, was Sie wollen, kostenlos und Open Source.

Laden Sie die Version über GitHub oder Version 1.7.1 von herunter Hier .

enter image description here

0xced
quelle
7

BBEdit Ist dies nicht der Fall? Stellen Sie den aktuellen Dokumenttyp auf Markdown ein, öffnen Sie die Vorschau in BBEdit und geben Sie sie ein. Das Vorschaufenster wird automatisch aktualisiert und zeigt Ihren Text genau so an, wie Sie es möchten.

Siehe Seite 277 der BBEdit Benutzerhandbuch für Details.

Dori
quelle
5

Im Emacs-Markdown-Modus erhalten Sie beim Schreiben eine Live-Vorschau sowie eine vollständige HTML / Browser-Vorschau mit C-c C-p.

enter image description here

ocodo
quelle
3

vim-instant-markdown ist ein VIM-Plugin, das fast augenblickliche Aktualisierungen in Ihrem Standard-Webbrowser anzeigt. Es funktioniert sogar in MacVim, obwohl ich ein wenig mit $ PATH herumspielen musste.

wfaulk
quelle
1
Haben Sie etwas dagegen, mitzuteilen, was Sie Ihrem $ PATH angetan haben?
Eric Hu
2

Das kürzlich wiederbelebte Smultron Das geht auch ohne Tastendruck:

  1. Setzen Sie in den erweiterten Einstellungen unter "Really Advanced" den "Preview Parser" auf "Markdown".
  2. Öffnen Sie anschließend das Vorschaufenster mit "Extras" / "Vorschau". Voilà.
Beat Rupp
quelle
2

Texte für Mac OS X und Windows.

Texts Screenshot

Fedor Sheremetyev
quelle
1
Warnung : Die Website vergräbt die Informationen, die Texte sind nicht frei . Sie können es nur 30 Tage lang verwenden, bevor Sie müssen eine Lizenz erwerben .
Rory O'Kane
0

Windows-Benutzer können Resophnotes verwenden, um ihren Text in Markdown zu schreiben, und das "HTML" -Symbol verwenden, um eine Vorschau des markierten Texts anzuzeigen. Anschließend können Sie den HTML-formatierten Text exportieren.

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

ejmurray
quelle