Es gibt viele Markdown-Editoren, aber ich konnte keinen finden, in dem der Viewer in das Bearbeitungsfenster selbst integriert war.
Ein Beispiel dafür, was ich nicht möchte, sind diese SE-Sites, auf denen die Frage-/Antwort-Markdown-Vorschau unten angezeigt wird. In ähnlicher Weise verfügt die überwiegende Mehrheit der vorhandenen Markdown-Editoren über zwei separate Fenster nebeneinander, eines für die Bearbeitung und das andere für die Live-Vorschau. Das ist nicht das, was ich will.
Was ich möchte, ist, dass das Markdown-Rendering genau dort stattfindet, wo Sie tippen , und den getippten Text durch markierten Text ersetzt, während Sie fortfahren.
Gibt es so etwas? Ich bin auf Windows, aber eine Webapp (oder auch nur rohes JS/HTML) wäre auch cool.
Letzte Aktualisierung: 09.04.2020
Da ich ein ähnliches Bedürfnis wie das OP hatte, durchsuchte ich das gesamte Web nach aktuellen Lösungen. Es gibt derzeit keine perfekte Lösung, aber es gibt einige, die einen Versuch wert sein könnten.
Beachten Sie, dass ich zusätzliche Anforderungen an die Echtzeit-/Inline-Vorschau hatte, wie z. B.: Tabulatoren für mehrere Dokumente, Inhaltsverzeichnis für schnelle Navigation, geringes Gewicht, Ausblenden/Anzeigen von Markups (Quellcodemodus) mit beibehaltenem Stil und schließlich automatisches Speichern von Dokumenten und Sitzungen.
Ich werde hier zwei Kategorien von Editoren beschreiben, die für den Zweck von OP geeignet sind, je nachdem, welche genaue Art der Vorschau erwartet wird ( Inline-Vorschau vs. Inline-Styling ). Ich werde einige Hauptmerkmale nicht erschöpfend beschreiben, Sie sollten die Websites konsultieren, um weitere Informationen zu erhalten. Ich habe mich auch dafür entschieden, Nur-Split-Pane-Editoren (dh ohne Inline-Vorschau oder Styling) aus dem Bild zu lassen, da es viele gibt und von OP ausdrücklich ausgeschlossen werden.
Beachten Sie, dass ich persönlich alle getestet habe, die unter Windows laufen.
Mit allen folgenden Editoren können Sie Markdown-Markup eingeben und den resultierenden Stil automatisch sofort im Editor anzeigen (kein geteiltes Fenster für die Vorschau).
Dies wird manchmal auch WYSIWYG genannt, aber das ist hier anders, da Sie nicht unbedingt die Symbolleisten verwenden müssen, um den Text zu formatieren: Bei der Inline-Vorschau können Sie einfach Markup-Code eingeben und das Ergebnis wird dynamisch angezeigt. In gewisser Weise ist dies sehr ähnlich zu dem, was LyX für LaTeX entwickelt hat.
Grundsätzlich gibt es zwei Arten von Inline-Vorschau: pro Block (Aktualisierung des Stils, nachdem Sie einen Block verlassen haben, z. B. indem Sie zur nächsten Zeile/zum nächsten Block wechseln) oder pro Zeichen (dh während Sie tippen).
Ich demonstriere das Einfügen von Bildern nicht, aber sie können fast alle Bilder in der Vorschau anzeigen, sowohl lokal als auch remote.
Beachten Sie, dass fast keine der Apps hier Registerkarten mit mehreren Dokumenten unterstützt (noch?), Mit Ausnahme der auf Notizen ausgerichteten Apps.
Opensource
Cross-platform (Windows + MacOSX + Linux)
Inline preview
Mouse-friendly interface (easy to insert a markdown construct from menus, or by click at the beginning of the line, or by highlighting a text, options are then displayed)
Math support (LaTeX)
Sourcecode mode
Support for a lot of markdown constructs: tasks, code blocks, HTML block,
Export to HTML, PDF
Focus and typewriter modes
Table of content
Integrated search
Multi-tabs, multi-documents
Support for images, but not for embedded videos
Support for complex constructs, such as graphs, such as vega-lite, or mermaid
Basic autosave support (check File > Autosave). Currently working on a full session manager with more advanced autosave.
Basic support for attachments (either in a folder defined by user, or transparently uploaded to an online repository)
Hinweis: Dieses Projekt befindet sich in sehr aktiver Entwicklung und hat bereits eine große Community. Es ist ein persönlicher Favorit, der es geschafft hat, ältere Editoren in Bezug auf Funktionen einzuholen (oder sogar zu übertreffen).
Opensource
Cross-platform (Windows + MacOSX + Linux)
Inline preview (but mixing both rendered and some unrendered but dimmed down markdown formatting, eg, bold and italics)
No sourcecode mode (but there is a readability mode to highlight non-markup text content)
Full note manager, multi-tabs
Attachments support
Bibliography and citation support
Footnotes support
Tables support
Tasks support
Table of content
Mathematical equation support (LaTeX)
Lots of importing and exporting formats: HTML, PDF, DOCX, LaTeX (great for scientific collaborations!)
Code blocks with syntax highlighting
Search (and replace) function integrated
Statistics graphs
Autosave (any change is saved)
Notebook paradigm: you select a folder, and all your notes will be stored inside. It is thus easy to have multiple notebooks and switch between them.
Tags
Fully localized in lots of languages
Hinweis: Diese Software wurde ursprünglich für Wissenschaftler entwickelt, daher die umfangreiche Unterstützung für Anhänge, Literaturverzeichnis und Fußnoten. Der umfangreiche Import/Export von/nach LaTeX und DOCX ist ein Killer-Feature für Forscher, das die Zusammenarbeit erleichtern kann. Am Ende könnten wir sagen, dass es das Markdown-Äquivalent von Zim Desktop Wiki ist, sie sind sich in ihrer Philosophie und ihrem Funktionsumfang sehr ähnlich.
Commercial (but cheap: 19$)
Win + MacOSX
Inline preview + Presentation support too + Bibliography support + Footnotes
Math support
Can import LaTeX documents
No sourcecode mode (cannot show Markdown)
No autosave nor tabs.
No task list support.
Opensource (GPL)
Win + Mac + Linux
Inline preview + TOC navigation (Table of Content)
Math support
Only sourcecode mode (cannot hide markup, links cannot be beautified)
Actively in development (so the following issues may resolve fast)
Bug with loading external pictures under https
Cannot click on links
No [autosave](https://github.com/brrd/Abricotine/issues/17) nor [tabs](https://github.com/brrd/Abricotine/issues/10) (but issues are open, feel free to +1 or even contribute a patch if you know [Electron](http://electron.atom.io/)!)
Commercial, free during beta
Win + Mac (+ Linux in the future)
Inline preview + TOC navigation (called Outline)
Math support
Both sourcecode and no markup mode are available.
Autosave + documents recovery
Can insert an auto-updating TOC (in addition to TOC navigation)
No bibliography support (yet?) but can add "link reference" and footnotes.
Auto-reload notification when document changes.
Live preview as-you-type of mathematical equations.
No multi-documents tabs.
Opensource
Win + Mac + Linux
Zenware
Inline preview
Math support
No task list support
Commercial (free limited version available)
Mac
Inline preview (sourcecode mode only, cannot hide markup)
Automatic cumulative time computation from task description
OpenSource (AGPL v3)
Cross-platform (Windows, Mac, Linux, Android, Firefox, Chrome)
Inline preview
Documents manager
Tags
Hinweis: Dies ist eine sehr interessante Lösung, wenn Sie nicht nur Notizen schreiben, sondern auch Dateien verwalten möchten.
Opensource (not released yet)
Win + Mac + Linux
Inline preview of Markdown + WYSIWYG
Opensource (not released yet)
Win + Mac + Linux
Inline preview of Markdown
Note-taking oriented (multi-documents)
Same author as Marko Editor (and same codebase)
Mix between a note taking app and a mind-mapping software, with automatic graph reorganization algorithms
Everything is stored as plain text
Persönliche Anmerkung: Diese App scheint verdammt großartig zu sein, aber sie ist leider noch nicht verfügbar! Bitte wenden Sie sich bei Interesse ebenfalls an den Autor !
Haftungsausschluss: Die folgende Bewertung ist etwas voreingenommen, da ich diese Software regelmäßig verwende.
Opensource (GPL2)
Win + Linux + Mac + BSD (runs on Python + GTK2, should be adaptable to any platform supported by GTK2)
Inline previewing (can type wiki markup code and it's styled on-the-fly) + WYSIWYG
Note-taking oriented (multi-documents)
Notes syntax and stored in hybrid DocuWiki/Markdown "lightweight" markup
Can export/copy snippet, single or all notes to standard Markdown
TOC navigation (plugin)
Very mature project (started in 2007, 9 years of development) and still active development (as of 2016)
Multi-documents tabs (with memorization of the order you opened them)
Autosaving per character (aka realtime autosaving)
Tags, pictures, can attach files alongside notes, calendar, etc.
Can copy/paste pictures from Paint or similar directly into a note (and can afterward resize) - such pictures will be stored inside your Zim notes folder
Clickable links
Remember last cursor position for every notes
LaTeX math formulas support (can be later edited by right-click)
Reorderable tables (markdown syntax) support
Außerdem viele Plugins, die nativ in der App enthalten sind ( sehen Sie sich an , sie sind alle erstaunlich, können sogar mit GNOMEs Zeitgeist, Lilypond-Notenblättern, ASCII-Diagrammen zeichnen usw.). Hier sind ein paar, die ich empfehle:
Nachteile:
No Markdown support for storing the files (can only import/export to Markdown, but otherwise the notes are stored as Zim markup language). UPDATE 2020: there is now a markdown-zim bidirectional converter: [markdown2zim][33]. This can be used to migrate to/from other markdown editors.
/UPDATE 2018: Um alle Markups (wie fett, kursiv usw.) sofort zu aktualisieren, müssen Sie die Option „Wiki-Markup on the fly neu formatieren“ im Bedienfeld „Bearbeiten“ der Einstellungen aktivieren.
Collate (alias CollateNotes) ist ein Notizenmanager mit integriertem Markdown-Editor gemischt mit YAML zum Speichern von Metadaten. Es verfügt über Live-Rendering- und Bearbeitungsfunktionen.
Everything is stored on local computer.
Made with crossplatform compatibility as a requirement (Windows, Mac, Linux).
Supports syntax highlighting for most languages.
Support for Github Flavored Markdown
Clear file format specification: https://github.com/Collateapp/CollateFileFormat
Tags
Commercial software, free trial for 14 days.
Die folgenden Editoren bieten keine vollständige Markdown-Inline-Vorschau, aber einen Prototyp für die Formatierung/den Stil Ihres Dokuments. Auf diese Weise können Sie ungefähr wissen, wie Ihr Dokument aussehen wird, auch wenn einige Elemente möglicherweise nicht korrekt formatiert sind (oder überhaupt nicht wie Bilder in der Vorschau angezeigt werden). Sie bieten auch alle einen geteilten Bereich oder ein separates Fenster für eine vollständige Vorschau.
Hinweis: Inline-Styling ist NICHT nur eine einfache Regex in einem Code-Editor (wie Notepad++, SublimeText, Atom usw.), da sie nicht zwischen verschiedenen Markup-Tiefen unterscheiden können (z. B. werden alle Header-Ebenen mit demselben Styling angezeigt). , sie sind hier ausgeschlossen.
Freeware
Android
Stores each note as its own .md file directly in a Writer folder at the root of SD card (ease backups)
Easy to share notes by email (either directly as the email text content, or as attachment)
Probably a sequel to [Writer](https://play.google.com/store/apps/details?id=com.jamesmc.writer&hl=fr)
Hinweis: Ich habe dies verwendet, um ColorNotes zu ersetzen, das Notizen in einer schwer zugänglichen Datenbank speichert und anfällig für Datenverlust ist . Ich benutze diese jetzt seit Jahren und habe nie eine Notiz verloren, da ich sie zusammen mit Fotos und anderen Materialien regelmäßig sichere.
Commercial
Cross-platform (Windows, Mac, Android, iOS)
Synchronization between devices
Hinweis: Für mich sieht es ähnlich aus wie Writer Plus, wenn ich ein iPhone oder iPad verwenden würde, würde ich wahrscheinlich dieses verwenden.
Commercial
MacOSX
Opensource
Win + Linux
TOC navigation
Hinweis: Scheint, als ob diese Software nicht mehr gewartet wird.
Opensource
Linux (+ Win in the future)
Note-taking oriented (multi-documents)
Preview when saving the document
Hinweis: Scheint seit einigen Jahren nicht mehr gewartet zu werden (die offizielle Website ist tot, nur der Github bleibt).
Commercial
Mac
Sourcecode/preview switching + WYSIWYG
Opensource (GPL)
Win + Mac + Linux
Inline styling/formatting
Note-taking oriented (multi-documents)
Said to be an equivalent to Quiver
Multi-documents tabs
Support for encrypted notes
Make your ownCloud (+ web editor supports inline styling)
Support for versioning
Freeware (with ads) or commercial
Mac
Seems to support inline previewing
Note-taking oriented (multi-documents)
Freeware
Win + Android
Purports to support Markdown, but I couldn't find how
Note-taking oriented (multi-documents)
Stores in HTML by default, not Markdown
Es zeigt eine Live-Ansicht auf der rechten Seite. Eine vollständige Liste der Funktionen finden Sie auf der Website .
Quelle: http://markdownpad.com/
Notiz
Beim ersten Start von MarkdownPad werden Sie gefragt, ob Sie die Pro-Version kaufen oder die kostenlose verwenden möchten. Sie können einfach auf "Kostenlos verwenden" klicken und es wird Sie nie wieder fragen.
Ich verwende dafür ReText . Es ist in Python geschrieben, also sollte es plattformübergreifend sein; Im Projekt-Wiki finden Sie detaillierte Anweisungen zur Installation von ReText unter Windows , da dies die Plattform ist, die Sie verwenden.
ReText macht einen tollen Job für mich unter Linux. Unterstützt viele "spezifische Dialekte" zusätzlich zu Standard-Markdown, wie Michel Fortins Markdown Extra , MathJax und viele mehr. Sie können Ihre Texte als HTML, ODT (Open Document Text, zB für OpenOffice/LibreOffice), PDF exportieren.
Und: Neben einem "Vorschau-Button" bietet es auch eine Live-Vorschau, nebeneinander, während Sie tippen:
ReText mit Live-Vorschau (Quelle: ReText; Bild anklicken für größere Variante)
Ich benutze es jetzt seit einiger Zeit und es läuft stabil, reibungslos und schnell. Mit Unterstützung für die erwähnten "Dialekte" (ich bin mir ziemlich sicher, dass ich irgendwo gesehen habe, dass es auch die hier bei SE verwendeten Dialekte und den von GitHub unterstützt), kann ich es Ihnen nur wärmstens empfehlen!
Vorausgesetzt, Ihr Windows-Betriebssystem verfügt über einen Browser und Sie finden zumindest kurzzeitig eine funktionierende Internetverbindung, können Sie StackEdit verwenden
StackEdit-Funktionen:
Dies bietet zwar ein synchronisiertes Live-Vorschau-Rendering und versucht , die Quelle basierend auf dem bearbeiteten Markup zu gestalten, erlaubt jedoch keine Bearbeitung der Vorschau selbst - ob der gestaltete Editor für Ihre Anforderungen ausreicht oder nicht, kann ich nicht sagen .
Eine weitere Alternative, die Sie wählen können, ist Github Atom .
Da es niemand erwähnt hat, gebe ich Ihnen den alternativen Editor, den ich jedes Mal verwende, wenn ich an einem Projekt arbeite. Github Atom ist nicht nur Markdown-Editor, sondern auch wie andere Editoren – Texteditoren – aber Sie können den Kern hacken. Um Ihre Frage zu beantworten, unterstützt dieser Editor eine Live-Vorschau dessen, was Sie auf Markdown schreiben. Die Live-Vorschau heißt Markdown Preview , eines der Pakete ist standardmäßig auf frisch installiertem Github Atom enthalten. Sehen Sie unten, wie es funktioniert:
Das Beispiel, das ich Ihnen zeige, sind einige Dummy-Texte auf Markdown. Die Art und Weise, wie Sie es erhalten, ist sehr einfach: Schreiben Sie Ihren Markdown-Text und drücken Ctrl
Sie + Shift
+ M
, dann zeigt ein anderes Fenster das Ergebnis, sogar Ihre Live-Bearbeitung.
Github Atom ist kostenlos und Open Source, verfügbar für Windows. Sie können es hier herunterladen, indem Sie die ausführbare Datei eins herunterladen. Fragen Sie ruhig, wenn Sie etwas zu sagen haben.
Texts tut es und ist für Windows und MacOs verfügbar. http://www.texts.io
Ich vermute sehr stark, dass es keine Editoren gibt, die speziell so sind. (Bearbeiten: Ich stehe korrigiert @Izzy) Mit ein bisschen Plugin und externer Softwareinstallation können Sie SublimeText dies jedoch tun lassen.
Das Ergebnis sieht so aus: (vom Autor, da ich es nicht besser machen kann, um zu zeigen, wie gut es ist)
Also die (leider etwas komplizierte) Einrichtungs-/Installationsanleitung: (Diese Anleitung gilt für Windows, sollte aber auch auf Mac funktionieren, es wird jedoch ein paar Unterschiede geben - wie Sie das Windows SDK nicht benötigen, aber Sie könnten brauch was anderes und sowas)
npm install -g markmon
.Installieren Sie das SublimeText Markmon-Plugin . ABER NICHT gemäß den dortigen Anweisungen, da dies derzeit nicht für Windows funktioniert - hoffentlich bald (dh wenn mein Fork zusammengeführt wird). Stattdessen müssen Sie [von meinem Fork installieren], wo ich es repariert habe, damit es unter Windows funktioniert. Sie müssen das also in Ihren SublimeText-Paketordner herunterladen (normalerweise **Meine Bearbeitungen wurden jetzt zusammengeführt, also folgen Sie einfach den Anweisungen der Seite und gehen Sie dann in SublimeEdit zu Preferences->Package Settings->Markmon->Settings - User und bearbeiten Sie die Datei, um zumindest dies für die Einstellungen zu haben:C:\Users\[your username]\AppData\Roaming\Sublime Text 3\Packages
).
{ "ausführbar": "markmon.cmd", }
Der gerenderte Markdown wird live angezeigt, während Sie ihn in SublimeText in einem neuen Browserfenster bearbeiten. Sie können sie nebeneinander positionieren, damit es ziemlich gut funktioniert.
(Hinweis: Ich hatte keine vorherige Verbindung zu diesem Projekt, aber um diese Antwort zu schreiben, musste ich sie natürlich verwenden und dann entdeckte ich, dass sie unter Windows nicht funktionierte, also habe ich sie jetzt geforkt und eine Pull-Anfrage zur Behebung eingereicht das)
Haroopad ist eine plattformübergreifende (Linux, OSX, Windows) Markdown-Editor-GUI, die auf NodeJS basiert und ein Live-Vorschaufenster enthält. In vielerlei Hinsicht ähnelt es dem Atom-Editor (tatsächlich vermute ich, dass sie einige Knotenbibliotheken gemeinsam nutzen), aber die Benutzeroberfläche ist speziell auf den Umgang mit Markdown-Dokumenten zugeschnitten.
Das Vorschaufenster wird nahezu in Echtzeit aktualisiert (obwohl ich glaube, dass es nicht ganz so reaktionsschnell ist wie einige andere, die ich ausprobiert habe) und Markdown gut so rendert, wie Sie es erwarten würden. Sie können aus mehreren Stylesheets für die Vorschau auswählen oder Ihr eigenes CSS laden (z. B. können Sie das CSS-Stylesheet Ihrer Website laden, damit die Vorschau genau so aussieht, wie der Inhalt Ihrer Website dargestellt wird!).
Der Editor kann auch mit CSS gestaltet werden, enthält Tastenkombinationen und optionale automatische Vervollständigung für gängige Markdown-Formatierung und verfügt über einen vollwertigen VIM-Modus für die wirklich Erfahrenen.
Zu den optionalen Markdown-Parsing-Funktionen gehören:
Die Integration zwischen den beiden funktioniert ungefähr so, wie Sie es erwarten würden, mit synchronisiertem Scrollen der Vorschau, während Sie sich im Editor bewegen. Zu den Extras gehören eine Seitenleiste mit Markdown-Syntaxhinweisen und ein Einfügemenü, wenn Sie sich nicht erinnern können, wie etwas läuft. Neben dem üblichen Speichern im Markdown-Format kann es auch in HTML exportieren oder die gerenderte Version von Dokumenten per E-Mail versenden.
Diese Frage stelle ich mir auch schon lange. Ich benutze dies: Pen - what you see is what you get .
Es ist wahrscheinlich nicht so umfassend wie andere Lösungen, aber ich schätze es sehr, dass ich im selben Fenster stylen kann. Hoffe das hilft.
HINWEIS: Es ist ein kleiner Buggy, nicht sicher, ob es Ihren Bedürfnissen entsprechen würde. Aber ich muss betonen, es hat Potenzial.
Hier ist ein neuer Markdown-Editor für Windows zum Ausprobieren.
http://mike-ward.net/markdownedit
Es hat eine integrierte Vorschau, wie Sie es gewünscht haben, sowie die meisten anderen Funktionen, die man erwarten würde, wie:
Markdown Edit legt den Schwerpunkt auf Inhalt und Tastaturkürzel. Menüs und Statusleisten sind minimal und subtil.
Full disclosure: I'm the developer
Get .NET
Schaltfläche zum Installieren.Es gibt ein kostenloses Markdown-Editor-Plugin für Eclipse mit einem Vorschaufenster:
Markdown Notes würde Ihren Anforderungen entsprechen. Es gibt eine Live-Demo auf der Startseite, wenn Sie es nur als Editor verwenden möchten. Es gibt auch einige Funktionen wie Bild-Uploads und LaTeX-Unterstützung, die nicht in jedem Markdown-Editor verfügbar sind.
Es ist seltsam, aber es gibt keine Antwort auf großartigen, kostenlosen und quelloffenen Visual Studio-Code .
VS Code unterstützt Hervorhebung, Live-Vorschau, Kopfzeilenfaltung und andere Markdown-Funktionen (siehe offizielle Beschreibung ).
Darüber hinaus gibt es viele Markdown-Plugins, die die Produktivität verbessern: Code Spell Checker , MarkdownLint , Table Formatter , Markdown TOC und andere .
StackEdit hat tatsächlich auch eine Offline-Chrome-App, was bedeutet, dass es als plattformübergreifender Markdown-Editor verwendet werden kann. Es basiert auf dem gleichen Material wie Stack Exchange, daher ist die Erfahrung ähnlich.
Wenn Sie nach etwas suchen, das die Markdown-Ausgabe im selben Bereich integriert, würde ich mir Qute ansehen , einen Markdown-Editor für Windows/Mac, mit dem Sie einzelne Absätze als Markdown bearbeiten und dann wieder in die Vorschau umschalten können.
Es gibt auch eine Liste mit 78 Markdown-Editoren , die möglicherweise das haben, wonach Sie suchen.
Microsoft Visual Studio verfügt über ein Plugin Web Essentials , das Markdown-Syntaxhervorhebung und -vorschau bereitstellt. Es ist eine gute Wahl, wenn Sie zusammen mit Ihrem Abschlag Code schleudern wollen.
Darf ich Zerk.tk empfehlen? Es ist extrem einfach zu bedienen, nur mit einem Editor und einem Viewer, sonst nichts. Es hat eine Exportfunktion, die direkt nach GitHub Gists exportiert. Es ist eine Web-App, aber Sie könnten das Repo klonen , um es für die Offline-Nutzung herunterzuladen.
Ein einfacher Markdown-REPL, mehr nicht.
Vollständig im Browser ohne serverseitige Verarbeitung.
Hinweis: Ich habe bei der Entwicklung von zerk geholfen
Ich habe eine gefunden, die nett ist, aber keine Dinge hinzufügt wie:
:warn: als Emojis
Name: zettlr
Unter Windows 10 gibt es eine weitere Alternative, nämlich BookPad , Sie finden es im Store. Es ist ein Offline-Markdown-Editor, unterstützt jedoch einen Großteil der zusätzlichen Syntax. Die Ausgabe ist wunderschön.
Es hat einen Preis von derzeit 0,99 $
Kaleb
John Y
Navin