Hay muchos editores de Markdown, pero no pude encontrar uno en el que el visor estuviera integrado en el panel de edición.
Un ejemplo de lo que no quiero son estos sitios SE, donde la vista previa de Markdown de preguntas/respuestas aparece debajo. De manera similar, la gran mayoría de los editores de Markdown existentes tienen dos paneles separados uno al lado del otro, uno para editar y el otro para la vista previa en vivo. Esto no es lo que quiero.
Lo que quiero es que la representación de Markdown ocurra justo donde está escribiendo , reemplazando el texto escrito con texto marcado a medida que avanza.
¿Hay algo como esto? Estoy en Windows, pero una aplicación web (o incluso solo JS/HTML sin procesar) también sería genial.
Última actualización: 2020-04-09
Teniendo una necesidad similar al OP, busqué en toda la web las soluciones actuales. No existe una solución perfecta actual, pero hay algunas que podrían valer la pena probar.
Tenga en cuenta que tenía requisitos adicionales para la vista previa en línea/en tiempo real, como: tabulación de varios documentos, tabla de contenido para una navegación rápida, ligero, ocultar/mostrar marcas (modo de código fuente) manteniendo el estilo y, finalmente, guardar automáticamente los documentos y la sesión.
Aquí describiré dos categorías de editores que pueden adaptarse al propósito de OP según el tipo exacto de vista previa que se espera ( vista previa en línea frente a estilo en línea ). Describiré algunas características principales de manera no exhaustiva, debe consultar los sitios web para obtener más información. También elegí dejar los editores de panel dividido (es decir, sin vista previa en línea ni estilo) fuera de la imagen, ya que hay muchos y OP los excluye explícitamente.
Tenga en cuenta que he probado personalmente todos los que se ejecutan en Windows.
Todos los siguientes editores le permiten escribir el marcado Markdown y mostrar automáticamente el estilo resultante instantáneamente dentro del editor (sin panel dividido para la vista previa).
Esto también se llama a veces WYSIWYG, pero aquí es diferente, ya que no necesariamente tiene que usar las barras de herramientas para formatear el texto: con la vista previa en línea, solo puede ingresar el código de marcado y mostrará el resultado dinámicamente. En cierto sentido, esto es muy similar a lo que LyX fue pionero para LaTeX.
Hay básicamente dos tipos de vista previa en línea: por bloque (actualiza el estilo después de salir de un bloque, por ejemplo, yendo a la siguiente línea/bloque) o por carácter (es decir, mientras escribe).
No estoy demostrando la inserción de imágenes, pero casi todas pueden obtener una vista previa de las imágenes, tanto locales como remotas.
Tenga en cuenta que casi ninguna de las aplicaciones aquí admite pestañas de documentos múltiples (¿todavía?), a excepción de las aplicaciones orientadas a tomar notas.
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)
Nota: este proyecto está en desarrollo muy activo y ya tiene una gran comunidad. Es un favorito personal, logró ponerse al día con los editores más antiguos en términos de características (o incluso superarlos).
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
Nota: este software se creó inicialmente para científicos, de ahí la amplia compatibilidad con archivos adjuntos, bibliografía y notas al pie. La amplia importación/exportación desde/hacia LaTeX y DOCX es una característica excelente para los investigadores que puede facilitar las colaboraciones. Al final, podríamos decir que es el equivalente Markdown de Zim Desktop Wiki, son muy similares en su filosofía y conjunto de funciones.
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
Nota: esta es una solución muy interesante si no solo quieres escribir notas sino también administrar archivos.
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
Nota personal: esta aplicación parece increíble, ¡pero desafortunadamente aún no está disponible! ¡Comuníquese con el autor si también está interesado!
Repositorio de código fuente Zim
Descargo de responsabilidad: la siguiente revisión es un poco sesgada ya que uso este software con regularidad.
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
Además, muchos complementos, incluidos de forma nativa en la aplicación ( eche un vistazo , todos son increíbles, incluso pueden interactuar con Zeitgeist de GNOME, la partitura de música de Lilypond, dibujar diagramas ASCII, etc.). Aquí hay algunos que aconsejo:
Contras:
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.
/ACTUALIZACIÓN 2018: para obtener una actualización instantánea de todas las marcas (como negrita, cursiva, etc.), debe habilitar la opción "Reformatear marcas wiki sobre la marcha" en el panel de edición de Preferencias.
Collate (también conocido como CollateNotes) es un administrador de notas con un editor Markdown integrado combinado con YAML para almacenar metadatos. Tiene capacidades de renderizado y edición en vivo.
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.
Los siguientes editores no proporcionarán una vista previa en línea completa de Markdown, pero proporcionan un prototipo de formato/estilo de su documento. Esto le permite saber un poco cómo se verá su documento, incluso si algunos elementos pueden no tener el estilo correcto (o una vista previa como imágenes). Todos ellos también proporcionan un panel dividido o una ventana separada para una vista previa completa.
Nota: el estilo en línea NO es solo una simple expresión regular en un editor de código (como Notepad ++, SublimeText, Atom, etc.), porque no pueden diferenciar entre diferentes profundidades de marcado (por ejemplo, todos los niveles de encabezados se muestran con el mismo estilo), por lo tanto , están excluidos aquí.
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)
Nota: Usé esto para reemplazar ColorNotes, que almacena notas en una base de datos a la que es difícil acceder y es propensa a la pérdida de datos . En cambio, uso este desde hace años y nunca perdí una nota, ya que las hago copias de seguridad junto con fotos y otros materiales con regularidad.
Commercial
Cross-platform (Windows, Mac, Android, iOS)
Synchronization between devices
Nota: me parece similar a Writer Plus, si estuviera usando un iPhone o iPad, esto es probablemente lo que estaría usando.
Commercial
MacOSX
Opensource
Win + Linux
TOC navigation
Nota: Parece que este software ya no se mantiene.
Opensource
Linux (+ Win in the future)
Note-taking oriented (multi-documents)
Preview when saving the document
Nota: parece que no se ha mantenido desde hace algunos años (el sitio web oficial está muerto, solo queda el github).
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
Muestra una vista en vivo en el lado derecho. Puede ver una lista completa de características en el sitio web .
Fuente: http://markdownpad.com/
Nota
Al iniciar MarkdownPad por primera vez, le pregunta si desea comprar la versión Pro o usar la gratuita. Puede simplemente hacer clic en "Usar gratis" y nunca más le preguntará.
Estoy usando ReText para eso. Está escrito en Python, por lo que debería ser multiplataforma; en el Wiki del proyecto puede encontrar instrucciones detalladas sobre cómo instalar ReText en Windows , ya que esa es la plataforma que está utilizando.
ReText hace un gran trabajo para mí en Linux. Admite muchos "dialectos específicos" además del Markdown estándar, como Michel Fortins Markdown Extra , MathJax y muchos más. Puede exportar sus textos como HTML, ODT (Open Document Text, es decir, para OpenOffice/LibreOffice), PDF.
Y: al lado de un "botón de vista previa", también proporciona una Vista previa en vivo, una al lado de la otra, mientras escribe:
ReText con vista previa en vivo (fuente: ReText; haga clic en la imagen para una variante más grande)
Estoy usando esto por un tiempo ahora, y está funcionando estable, suave y rápido. Con soporte para los "dialectos" mencionados (estoy bastante seguro de que vi en algún lugar que también es compatible con los dialectos en uso aquí en SE, y el de GitHub), ¡solo puedo recomendarlo de todo corazón!
Suponiendo que su sistema operativo Windows tiene un navegador y puede encontrar al menos brevemente una conexión a Internet que funcione, puede usar StackEdit
Características de StackEdit:
No es que, si bien esto ofrece una representación de vista previa sincronizada y en vivo, e intenta diseñar la fuente en función del marcado que se está editando, no permite la edición de la vista previa en sí misma ; no puedo decir si el editor de estilo es suficiente o no para sus requisitos. .
Otra alternativa que puedes elegir es Github Atom .
Como nadie lo mencionó, les doy el editor alternativo que uso cada vez que estoy trabajando en un proyecto. Github Atom no es solo un editor de Markdown, sino también otro editor (editor de texto), pero puede piratear el núcleo. Respondiendo a su pregunta, este editor admite una vista previa en vivo de lo que escribe en Markdown. La vista previa en vivo se llama Markdown Preview , uno de los paquetes se incluye de forma predeterminada en el Github Atom nuevo que instala. Vea cómo funciona a continuación:
El ejemplo que les muestro son algunos textos ficticios en Markdown. La forma en que puede obtenerlo es muy simple: escriba su texto Markdown y presione ++ Ctrl
, luego otro panel mostrará el resultado, incluso su edición en vivo.Shift
M
Github Atom es gratuito y de código abierto, disponible para Windows. Puede descargarlo aquí descargando el archivo ejecutable uno. No dude en preguntar si tiene algo que decir.
Texts lo hace y está disponible para Windows y MacOs. http://www.textos.io
Sospecho firmemente que no hay editores específicamente así. (editar: estoy corregido @Izzy) Sin embargo, con un poco de complemento e instalación de software externo, puede hacer que SublimeText lo haga.
El resultado se verá así: (del autor, ya que no voy a poder hacerlo mejor que eso para mostrar lo bueno que es)
Así que las (desafortunadamente un poco complicadas) instrucciones de configuración/instalación: (Estas instrucciones son para Windows, pero también deberían funcionar en Mac, sin embargo, habrá algunas diferencias, como que no necesitará el SDK de Windows pero podría necesita algo más y cosas así)
npm install -g markmon
.Instale el complemento SublimeText Markmon . PERO NO de acuerdo con las instrucciones allí, ya que actualmente eso no funcionará para Windows; con suerte, lo hará pronto (es decir, cuando mi bifurcación se fusione). En su lugar, tendrá que [instalar desde mi bifurcación] donde lo arreglé para que funcione en Windows. Así que tendrá que descargarlo en su carpeta Paquetes de SublimeText (generalmente **Mis ediciones ahora se fusionaron, así que solo siga las instrucciones de la página y luego en SublimeEdit vaya a Preferencias->Configuración del paquete->Markmon->Configuración - Usuario y edite el archivo para tener al menos esto para la configuración:C:\Users\[your username]\AppData\Roaming\Sublime Text 3\Packages
).
{ "ejecutable": "markmon.cmd", }
El descuento renderizado aparecerá en vivo a medida que lo edite en SublimeText en una nueva ventana del navegador. Puede colocarlos uno al lado del otro para que funcione bastante bien.
(Nota: no tenía una conexión previa con este proyecto, pero para escribir esta respuesta, por supuesto, tuve que usarla y luego descubrí que no funcionaba en Windows, así que ahora la bifurqué y envié una solicitud de extracción para arreglar que)
Haroopad es una GUI de editor Markdown multiplataforma (Linux, OSX, Windows) basada en NodeJS que incluye un panel de vista previa en vivo. En muchos sentidos, es similar al editor Atom (de hecho, sospecho que comparten algunas bibliotecas de nodos), pero la interfaz está diseñada específicamente para tratar con documentos Markdown.
El panel de vista previa se actualiza casi en tiempo real (aunque no creo que sea tan receptivo como algunos otros que he probado) y hace un buen trabajo al mostrar Markdown como se esperaría que apareciera. Puede elegir entre varias hojas de estilo para la vista previa o cargar su propio CSS (por ejemplo, puede cargar la hoja de estilo CSS de su sitio para que la vista previa se vea exactamente como el contenido que representará en su sitio).
El editor también se puede diseñar con CSS, incluye combinaciones de teclas y autocompletado opcional para el formato común de Markdown, y tiene un modo VIM completo para los verdaderamente expertos.
Las funciones opcionales de análisis de Markdown incluyen:
La integración entre los dos funciona como cabría esperar con el desplazamiento sincronizado de la vista previa mientras se mueve por el editor. Los extras incluyen una barra lateral con sugerencias de sintaxis de Markdown y un menú de inserción para cuando no puede recordar cómo funciona algo. Además del habitual guardado en formato Markdown, también puede exportar a HTML o enviar la versión renderizada de los documentos por correo electrónico.
Yo también he estado haciendo esta pregunta durante mucho tiempo. Yo uso esto: Bolígrafo: lo que ves es lo que obtienes .
Probablemente no tenga tantas funciones como otras soluciones, pero realmente aprecio poder diseñar en la misma ventana. Espero que esto ayude.
NOTA: Es un pequeño buggy, no estoy seguro de si se ajustaría a sus necesidades. Pero tengo que señalar que tiene potencial.
Aquí hay un nuevo Markdown Editor para Windows para revisar.
http://mike-ward.net/markdownedit
Tiene una vista previa incorporada como lo solicitó, además de la mayoría de las otras características que uno esperaría, como:
Markdown Edit pone el énfasis en el contenido y los atajos de teclado. Los menús y las barras de estado son mínimos y sutiles.
Full disclosure: I'm the developer
Get .NET
botón para instalar.Hay un complemento Markdown Editor gratuito para Eclipse que tiene una ventana de vista previa:
Markdown Notes se ajustaría a sus necesidades. Hay una demostración en vivo en la página principal si desea usarla solo como editor. También hay algunas funciones, como la carga de imágenes y la compatibilidad con LaTeX, que no están disponibles en todos los editores de rebajas.
Es extraño, pero no hay respuesta sobre Visual Studio Code excelente, gratuito y de código abierto .
VS Code admite resaltado, vista previa en vivo, plegado de encabezado y otras funciones de Markdown (consulte una descripción oficial ).
Además, hay muchos complementos de rebajas que mejoran la productividad: Code Spell Checker , MarkdownLint , Table Formatter , Markdown TOC y otros .
StackEdit en realidad también tiene una aplicación de Chrome fuera de línea, lo que significa que se puede usar como un editor Markdown multiplataforma. Se basa en las mismas cosas que Stack Exchange, por lo que la experiencia es similar.
Si está buscando algo que integre la salida de Markdown en el mismo panel, vería Qute , que es un editor de Markdown para Windows/Mac que le permite editar párrafos individuales como Markdown y luego los cambia a la vista previa.
También hay una Lista de 78 editores de Markdown que pueden tener lo que está buscando.
Microsoft Visual Studio tiene un complemento Web Essentials que proporciona vista previa y resaltado de sintaxis de rebajas. Es una buena opción si va a lanzar código junto con su descuento.
¿Puedo recomendar Zerk.tk? Es extremadamente simple de usar con solo un editor y un visor, nada más. Tiene una característica de exportación que exporta directamente a GitHub Gists. Es una aplicación web, pero puede clonar el repositorio para descargarlo y usarlo sin conexión.
Un REPL de descuento simple, nada más.
Completamente en el navegador sin procesamiento del lado del servidor.
Nota: ayudé a desarrollar zerk
En Windows 10 existe otra alternativa que es BookPad , la puedes encontrar en la Tienda. Es un editor de rebajas sin conexión, pero admite gran parte de la sintaxis adicional. La salida es hermosa.
Tiene un precio actualmente de $0.99
Caleb
Juan Y.
Navin