Editor Markdown para Windows con representación en vivo en el panel de edición, NO en un panel de vista previa separado

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.

Desafortunadamente, la mayoría de las respuestas pierden el punto. No se supone que la vista previa esté en un panel separado como la entrada.
Interesante, nunca pensé en usar Markdown solo para serializar y editarlo con un programa WYSIWYG.

Respuestas (18)

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


Vista previa en línea (también conocida como vista previa en tiempo real o WYSIWYG )

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.

MarcarTexto

MarcarTexto

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

Zettlr

Zettlr

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.

Textos

Textos.io

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.

Abricotina

Abricotina

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/)!)

tipora

tipora

Anuncio original

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.

cita

cita

Opensource
Win + Mac + Linux
Zenware
Inline preview
Math support
No task list support

Texto plegable

Texto plegable

Commercial (free limited version available)
Mac
Inline preview (sourcecode mode only, cannot hide markup)
Automatic cumulative time computation from task description

TagSpaces

TagSpaces

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.

Aplicaciones basadas en web con vista previa en línea

redactor de marcos

redactor de marcos

Opensource (not released yet)
Win + Mac + Linux
Inline preview of Markdown + WYSIWYG

Vis-a-Wiki

Video Vis-a-Wiki

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!

Wiki de escritorio Zim

Wiki de escritorio Zim

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:

  • Compatibilidad con edición multiusuario o almacenamiento en la nube (Dropbox, etc.) con diferenciación de 3 vías (automática y manual) con este PR .
  • Soporte para bibliografía y citación con el complemento zim-zotero .

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.

  • Nota personal: estoy usando Zim + Typora hasta que algo como Abricotine madure lo suficiente como para usarlo para tomar múltiples notas* - ACTUALIZACIÓN: ahora uso Zim + MarkText, y puedo migrar a Zettlr.

Cotejar

Captura de pantalla de CollateNotes

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.

Formato/estilo en línea

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

Writer Plus (Escritor P)

Writer Plus (Escritor P)

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.

yo un escritor

yo un escritor

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.

mou

mou

Commercial
MacOSX

LindoMarcado

LindoMarcado

Opensource
Win + Linux
TOC navigation

Nota: Parece que este software ya no se mantiene.

semilla de primavera

semilla de primavera

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

TextoTuercaEscritor

TextoTuercaEscritor

Commercial
Mac
Sourcecode/preview switching + WYSIWYG

QOwnNotes

QOwnNotes

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

Metanota

Metanota

Freeware (with ads) or commercial
Mac
Seems to support inline previewing
Note-taking oriented (multi-documents)

Aplicaciones basadas en web con estilo/formato en línea

YodaNota

Video

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
Tal vez debería haber proporcionado una respuesta por herramienta. Así podríamos votar apropiadamente. Así que con el tiempo encontraremos qué aplicación es mejor que otra. Tal como está ahora, me gustaría votar 5 veces a favor y 3 veces en contra, entonces, ¿qué debo hacer?
@ThomasWeller Lol, tienes razón, veré qué puedo hacer.
@ThomasWeller Lo pensé, pero no sé dónde colocar las descripciones de las categorías, y creo que tener estas categorías aclara mucho los diferentes tipos de editores y su uso. ¿Algún consejo?
La sección sin descuento no se ajusta a la pregunta. Puede hacer una pregunta separada para este tipo de programas y responderla usted mismo.
También puede solicitar orientación sobre Meta. Tampoco estoy muy seguro de cómo continuar con él.
@ThomasWeller Gracias por la entrada. De hecho, la mayoría de las aplicaciones en la tercera categoría usan Markdown, tendré que pensar en una mejor manera de nombrar esta categoría. También veré lo de Meta, gracias.
¡Buena publicación! La vista previa en línea es exactamente lo que estaba buscando. Pero al revisar algunas de ellas, también creo que deberías haberlas publicado todas como respuestas separadas para poder votarlas a favor o en contra por sus méritos individuales, tal vez señalar sus deficiencias en la sección de comentarios correspondiente. Acerca de las categorías, puede mencionarlas en cada respuesta, tal vez poner la descripción más larga en solo una de las respuestas y vincular a eso en las otras respuestas donde simplemente menciona la categoría por su nombre.
@laggingreflex ¡Me alegro de que mis recs satisfagan sus necesidades! Buena idea poner la descripción larga en una respuesta y el enlace en todas las demás, quería hacerlo, pero el problema es que otras respuestas ya mencionan algunos de los softwares aquí, pero sin el contexto más amplio (categorías, lista de características, gif de demostración). Por ejemplo Textos.io. ¿Qué tengo que hacer?
Revisé algunas meta publicaciones relacionadas con este problema: 1 2 3 . Me parece que debería editar las respuestas existentes, agregar su información (y dejar que los revisores decidan si valió la pena editarlo. Personalmente, definitivamente lo consideraría así), o si eso no funciona. puede agregar una respuesta duplicada de todos modos, siempre que agregue más información. Espero que ayude. Siempre puedes preguntar en meta en caso de duda.
@laggingreflex Ya publiqué en Meta software recs , y lo que sucedió es que esto todavía está en debate (votar por una recomendación versus votar por un producto). Acerca de editar otras respuestas, esto generalmente se desaconseja de los enlaces que proporcionó, y publicar duplicados no es tan bueno, pero debería ser aceptable si agrego más información. Lo pensaré, gracias.
Impresionante respuesta. Dado lo mucho que he buscado cosas como esta, me sorprende que tengan herramientas estables y existentes desde hace mucho tiempo que parecen satisfacer mis necesidades.
¡Respuesta épica! Y a diferencia de la mayoría de las respuestas aquí, incluso incorpora con éxito el requisito de que Markdown se represente en el mismo panel que la entrada. Sí, este formato no nos permite votar por editores individuales, pero sigue siendo una respuesta muy útil.
Hm. Sigo pensando que esta es una respuesta valiosa, pero me doy cuenta de que algunas de las imágenes realmente no ilustran cómo el software cumple incluso con el requisito de "estilo de prototipo en línea". En particular, GitBook Editor parece que su estilo en línea no es mejor que "regex simple" como Atom, que rechazó. Y la imagen de Springseed no brinda prácticamente ninguna información sobre las capacidades de vista previa. ¿Quizás es hora de otra actualización?
@JohnY Acerca de la expresión regular, se puede detectar porque no puede diferenciar la profundidad de los diferentes encabezados y, por lo tanto, representar todos los encabezados con el mismo peso/fuente (supongo que esto se puede solucionar, pero luego habrá otros problemas, una expresión regular no es una sintaxis confiable) procesador). GitBook Editor puede diferenciar entre la profundidad de los encabezados y otro tipo de marcado complicado, como las comillas, pero no excavé demasiado, por lo que puede carecer de elementos de reducción más avanzados. Sobre springseed, puede que tengas razón, pero el desarrollo está muerto, así que no puedo probar en Windows (Linux solo por ahora), todavía lo dejo en la lista pero agregué una mención.
@gaborous: ¡Gracias por el esfuerzo puesto en esta respuesta! ¿Podría dividirlas en respuestas separadas para que podamos votar cada respuesta por separado? Eso significa más puntos para ti ;-) ¡Gracias!
@gaborous - GitBook Editor no diferencia entre las profundidades del encabezado en el estilo en línea . Por lo tanto, no es mejor que Atom en ese sentido. Tenga en cuenta que, básicamente, todos los editores de Markdown existentes que tienen algún tipo de vista previa WYSIWYG (que incluye Atom, si permite los complementos) diferenciarán las profundidades del encabezado en el panel WYSIWYG.
@JohnY Tienes razón, ¡gracias por los comentarios! Eliminé GitBookEditor de la lista. en Nicolas Raoul: tienes razón, pero creo que solo será más confuso eliminar las categorías, y creo que tener la explicación de las categorías en una publicación separada también sería confuso. Prefiero una buena respuesta compilada en lugar de tener más puntos :-)
CuteMarked parece que ya no se mantiene (sin código durante 2 años)
¿Alguien conoce una herramienta como Typora, por ejemplo, que usa HTML en lugar de Markdown como fuente subyacente con vista de representación en vivo? ¿Por qué los editores utilizan Markdown en lugar de algo como HTML que proporciona más funciones listas para usar?
@Maikkeyy No estoy seguro, pero puede echar un vistazo a MarkText y Apricotine, ambos usan Electron y pueden mostrar Markdown como HTML en su interfaz, pero debe verificar su código fuente (ambos son de código abierto, MarkText está bajo un desarrollo más activo aunque).
¡Qué respuesta épica! Secundo a otros para colocar cada uno en respuestas separadas o encontrar un lugar donde podamos clasificarlos.

MarkdownPad

Muestra una vista en vivo en el lado derecho. Puede ver una lista completa de características en el sitio web .

Captura de pantalla de MarkdownPad
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á.

En cualquier caso, lo borré muy pronto al probarlo. Es realmente muy lento para responder.
Me decepcionó que solo admitiera "rebajas básicas": cosas como "con sabor a Github" o "rebajas adicionales" solo están disponibles en la versión paga (~USD 15 actualmente).
@Izzy Todos los editores de rebajas de Windows que probé solo eran compatibles con las rebajas básicas. Cuando alguien agrega funciones adicionales por un poco de dinero, la gente se queja como si los desarrolladores de software deberían ofrecer todo su trabajo de forma gratuita. Debe ser una mentalidad de usuario de Linux que espera que todo el software sea gratuito. Por cierto, esta es una pregunta de Windows.
@Tony_Henrich ve mi respuesta recomendando ReText . Admite MarkdownExtra, MathJax, etc. y es gratis.
Por lo general, las aplicaciones gratuitas de código abierto son aplicaciones ganky sin pulir. A veces con escaso y tardío apoyo. El día en que necesite esas funciones, decidiré si vale la pena instalar Python, tratar con una aplicación de este tipo o simplemente pagar $ 15 y obtener una aplicación comercial pulida mano a mano. Depende de la tolerancia de cada uno y el costo del tiempo. Gracias por la info.
NOTA IMPORTANTE: no funciona en Windows 10 y no se ha actualizado en más de dos años
@rahuldottech: funciona en Windows 10, pero requiere una descarga adicional. Vea esto y esto para obtener consejos y comentarios.
@JohnY Neat, pero apesta que el software no se haya actualizado en tres años...

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

captura de pantalla de StackEdit

Características de StackEdit:

  • Funciona sin conexión: los documentos se guardan en el almacenamiento local de su navegador y se pueden abrir y guardar en su sistema de archivos local. Una vez cargado, el navegador almacena en caché el código de la aplicación, y se abrirá y funcionará perfectamente sin conexión a Internet.
  • Vista previa en tiempo real
  • Soporte para Markdown estándar
  • Soporte para Markdown Extra
  • Soporte para exportar documentos como Markdown sin procesar (texto), HTML o PDF
  • Soporte para guardar y sincronizar un documento con Dropbox o Google Drive
  • Soporte para publicar un documento en Blogger, Dropbox, Gist, GitHub, Google Drive, Tumblr, WordPress o cualquier servidor SSH.

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

Me di cuenta de que StackEdit no admite alguna sintaxis HTML5.
¿Hay una versión portátil para Windows o la única versión sin conexión es una aplicación de Chrome?
@SarahofGaia: esta es la única versión que existe. Pero tu pregunta me hizo pensar y creo que puedes hacer una versión independiente usando nw.js
"Pero tu pregunta me hizo pensar" Jajaja, me alegro de ser de utilidad. ;3
Además, gracias por el enlace. Pero no solo soy demasiado inexperto para trabajar con algo así ( parece avanzado, al menos), y todavía está en versión beta. Como principio general, a menos que realmente quiera o necesite usar un programa, no lo uso si todavía está en versión beta o anterior.
Puede valer la pena actualizar esta respuesta, ya que el panel de edición parece tener un estilo más avanzado que el que se muestra en la imagen aquí. En particular, muestra los distintos niveles de títulos en diferentes tamaños.

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:

Interfaz de usuario de Github Atom

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

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.

@BeniCherniavsky-Paskin muchas gracias por la adición.

Texts lo hace y está disponible para Windows y MacOs. http://www.textos.io

Captura de pantalla de edición de texto en línea

Este es el único que tiene un visor en vivo incorporado que realmente quiero. Desafortunadamente, su procesamiento de Markdown es muy inferior y está muy personalizado para la aplicación. No puede copiar y pegar cosas desde aquí a esta aplicación y viceversa sin inconsistencias.
Desde entonces, ha habido un par de respuestas más que ofrecen editores que representan el Markdown en el mismo panel que la entrada, mientras escribe . Pero sí, casi todas las respuestas pasan por alto esta parte crítica de su pregunta.

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

  1. Instala SublimeText .
  2. Instala Pandoc .
  3. Instale Node.js. _
  4. (Puede intentar el paso 5 sin esto desde la línea cmd normal y puede funcionar dependiendo de las herramientas/ruta instaladas) Instale Windows SDK 7.1 . Funcionará en cualquier cosa XP+. Windows SDK 8 no funcionará; no incluye todas las herramientas, por lo que debe instalar eso y un compilador. Si ya tiene instalados los redistribuibles de VS 2010, intente desmarcarlos en el instalador para el SDK de Windows; de lo contrario, es posible que deba desinstalarlos para poder instalar esto y luego reinstalar la versión más nueva si es necesario en algún momento.
  5. Instale el paquete Markmon de Node.JS ; lo mejor es escribir el indicador de cmd del entorno de compilación del SDK de Windows npm install -g markmon.
  6. Instale el complemento SublimeText PackageControl .
  7. 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 C:\Users\[your username]\AppData\Roaming\Sublime Text 3\Packages). **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:

    { "ejecutable": "markmon.cmd", }

  8. Reinicie SublimeText y ejecute Herramientas->Markmon->Iniciar

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.

captura de pantalla

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:

  • Rebaja con sabor a Github
  • Ya sea para analizar elementos HTML en línea
  • Funciones tipográficas "inteligentes" como comillas y guiones
  • Notas al pie (¡que SE incluyera esto!)
  • Expresiones de estilo Mathjax/LaTex

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.

Solo algunas preguntas: (1) ¿Es liviano? (2) ¿Tiene una versión portátil? (3) ¿Es de código abierto? (4) Dijiste que tiene características tipográficas "inteligentes" como comillas y guiones: ¿significa esto que puede usar comillas tipográficas? (5) ¿Y qué quiere decir con guiones "inteligentes": guiones em/en?
@SarahofGaia 2: no se encontró ninguno. 3: afirma ser (venir), está alojado en Github. Guiones inteligentes: convierte automáticamente "--" (dos "menos") en "–" (guión) en el visor. // Lo que extraño mucho son las pestañas; Haroopad usa una ventana por archivo, desafortunadamente.
Lo siento por el voto negativo. Haroopad fue mi editor durante aproximadamente 2 años. Pero tiene muchos errores (incluso Copiar/Pegar no funciona) y ya no se mantiene (última confirmación hace 2 años). No respeta el acoplamiento de ventanas (en Windows 10). Afirma "con sabor a Github", no detectará enlaces que estén rotos debido a que faltan %20 espacios.

Yo también he estado haciendo esta pregunta durante mucho tiempo. Yo uso esto: Bolígrafo: lo que ves es lo que obtienes .

A medida que escribe, su texto se formateará

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.

Bonito, me recuerda a abricotine.brrd.fr

Aquí hay un nuevo Markdown Editor para Windows para revisar.

http://mike-ward.net/markdownedit

captura de pantalla

Tiene una vista previa incorporada como lo solicitó, además de la mayoría de las otras características que uno esperaría, como:

  • mientras escribes revisando la ortografía
  • modo de pantalla completa
  • ventana rápida de documentos recientes
  • buscar y reemplazar con expresiones regulares
  • atajos de teclado para expresiones comunes de Markdown
  • Temas
  • CommonMark (un estándar propuesto para Markdown)
  • Pegado especial reemplaza los caracteres de MS Word con texto sin formato (comillas, por ejemplo)
  • Desplazamiento sincronizado

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

Me gustaría felicitarlo por declarar esa revelación. Fue un acto muy honorable. arcos lo respeto. :)
Acabo de comprobarlo a través del sitio web: ¡se ve genial! Pero, ¿hay una versión portátil de esto? :/
Nunca probé esto, pero creo que si copia la carpeta (en App_Data/local) a una memoria USB, debería funcionar. Sin embargo, la computadora host todavía necesita .Net instalado.
La mayoría de las formas modernas de Windows tienen .net instalado de forma predeterminada, ¿verdad? Win7, 8 y 10?
Versiones posteriores si. Las versiones anteriores no tanto.
Win7 lo hace, ¿verdad? tengo SP1
Si no, vaya asmalldotnet.com y haga clic en el Get .NETbotón para instalar.
Gracias. ¿Sabéis cómo podría comprobar si lo tengo instalado? Además, ¿no hay varias versiones de .NET?
smalldotnet.com tiene una aplicación de prueba.

Hay un complemento Markdown Editor gratuito para Eclipse que tiene una ventana de vista previa:

Interfaz de usuario del complemento Markdown Editor

¿No está esto ya publicado arriba? :/
@SarahofGaia Buen punto, debo haberlo perdido. Fijado. ¡Gracias!
No hay problema. ^_^
¿Qué es exactamente Eclipse?
@SarahofGaia Un IDE: eclipse.org
¿Esta comunidad permite/prefiere múltiples recomendaciones en una sola respuesta? También me gusta Typora, así que he votado a favor. Si elimina Typora y lo ingresamos como su propia respuesta, migraré mi voto a la nueva respuesta.

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.

Interfaz de usuario de Markdown Notes

Acabo de comprobar el sitio web. ¡Este editor se ve increíble! Pero mi pregunta es la siguiente: no parece que sea más que una aplicación web; ¿Esto es algo que puedo usar sin conexión? ¿Existe una versión instalable o portátil?
Además, ¿puede usarlo para usar Markdown en documentos completos o solo es mejor para tomar notas?
Es estrictamente un editor en línea, pero puede manejar algunos documentos bastante pesados. Lo usé para crear hojas de trucos largas y llenas de látex y lo maneja bastante bien.
Aww hombre, realmente me encantaría uno fuera de línea. Aún así, podría comprobarlo en mi Google Crapbook. ;P ¿Cómo se compara (¿ves lo que hice allí?) contra Dillinger ?

Es extraño, pero no hay respuesta sobre Visual Studio Code excelente, gratuito y de código abierto .

Ventana de código de Visual Studio

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 .

Esta respuesta no satisface el requisito de que el estilo se produzca directamente en el área de edición. Ese fue más o menos el punto de esta pregunta. Es cierto que la mayoría de las otras respuestas aquí fallan de la misma manera, por lo que realmente no puedo culparlo por sugerirlo. Aún así, me gustaría que la gente realmente se atuviera a los requisitos si es posible.
@JohnY, ¿qué es exactamente lo que no te gusta de mi respuesta? Puedes editarlo tú mismo.
Su respuesta no necesita edición. No es una respuesta mal escrita. Pero su respuesta es incorrecta porque el software que recomienda no hace lo que pide la pregunta. La mayoría de las respuestas aquí son incorrectas por la misma razón.
Leí el título de la pregunta de nuevo. Tienes razón, mi respuesta no corresponde al encabezado. Lo siento, rocía mi cabeza con cenizas.

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.

Zerk ( Github Repo )

Un REPL de descuento simple, nada más.

Completamente en el navegador sin procesamiento del lado del servidor.

Interfaz de usuario Zerk

Nota: ayudé a desarrollar zerk

Encontré uno que es bueno, pero no agrega cosas como:

:advertencia: como emojis

nombre: zettlr

otro editor de markdwon zettlr

¿Puede agregar el enlace correspondiente al programa sugerido?

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

Acabo de comprobar el precio; ha subido a $ 1.99.