HyperMD

Hipermd

Rompe el muro entre la escritura y la vista previa , en un editor de Markdown.

Demostración en línea | Ejemplos | Documentación

中文介绍

Inicio rápido

 // npm install --save hypermd codemirror
var HyperMD = require ( 'hypermd' )
var myTextarea = document . getElementById ( 'input-area' )
var editor = HyperMD . fromTextArea ( myTextarea )

También para requirir JS, paquetes, webpack, envío de navegador sencillo. Leer el doctor

¿Por qué usar HyperMD?

HyperMD es un conjunto de complementos / modos / temas / comandos / kymap, etc.

Puede usar Bodemirror e HyperMD originales en la misma página.

? Escribir y obtener una vista previa sobre la marcha

• Bloques y elementos regulares de Markdown
  • Fuerte , énfasis , Fusible , Code
  • Enlaces, imágenes
  • Título / cita / bloque de código / lista / regla horizontal
• Extensión de markdown
  • Mesa simple
  • Nota al pie ¹
  • Lista de TODO (el cuadro se puede hacer clic)
  • Asunto frontal yaml
  • $ Látex $ Modo de pantalla de fórmula, en línea o de bloque ²
  • Emoji :: :joy: =>? (también admite emoji personalizado)
• Y más
  • HTML en Markdown - Wysiwig MDX es posible
  • #Hashtag Support ³ , ver demostración
  • Diagrama de flujo y diagramas (sirena o diagrama de flujo.js)

? Mejor experiencia en markdown-ning

• Cargar imágenes y archivos a través del portapapeles, o arrastrar
• Alt+Haga clic para abrir el enlace / saltar a la nota al pie ¹
• Flotar para leer las notas al pie
• Copiar y pegar , traducir HTML en Markdown ⁴
• Los enlaces de llave fáciles y listos para usar (también conocido como. Keymap)

? Beneficios de Codemirror

• Sintaxis destacado para bloques de código, admite más de 120 idiomas ⁵ . El modo se puede cargar a pedido.
• Enlaces de teclas configurables
• Difundir y fusionar
• Temas ⁶
• ¡Casi todos los complementos de Codemirror!

? Extensible y personalizable

• Use PowerPacks para integrar librios y servicios de terceros en la marcha
  • Mathjax, marcado, katex y más.
  • Leer la lista
• Las funciones de Hypermd están altamente moduladas

? Keymap "Hypermd" a medida:

• Mesa
  • Ingrese Crear una tabla con | column | line |
  • Ingrese Insertar nueva fila o finalizar una tabla (si la última fila está vacía)
  • Pestaña o TAB TAB para navegar entre celdas
• Lista
  • Pestaña o TAB-TAB a la lista actual de la lista actual de sangría/unión
• Formatear una palabra cercana (o texto seleccionado)
  • Ctrl+B Bold
  • Ctrl+I énfasis
  • Ctrl+D fusible

Agradecimiento especial

? Servicio y recurso

Icomoon - The Iconpack (versión gratuita) La página de demostración usa iconos de Icomoon. Los archivos relacionados se almacenan en demo/svgicon.	CodeCogs : una biblioteca científica de código abierto Foldmath utiliza el servicio de CodeCogs como el TEX Mathrenderer predeterminado. (Puede cargar PowerPack para usar otro renderizador, por ejemplo, Katex o Mathjax)
SM.MS - Un servicio de alojamiento de imagen gratuito Página de demostración y Powerpack/Insert-File-With-SMMS Use SM.MS Open API para cargar imágenes insertadas por el usuario. (Si desea integrar el servicio SM.MS, use PowerPack)	Emojione - íconos de emoji abiertos Página de demostración y Powerpack/Fold-emoji-with-emOJIONE Use iconos emoji proporcionados gratis por emojione (licencia gratuita) (Puede usar otras alternativas, por ejemplo, twemoji de Twitter)
CodeMirror - Editor de código en el navegador. RequestJS - Un cargador de módulo AMD JavaScript. Katex : la biblioteca tipográfica de matemáticas más rápida para la web. Marcado , disminución y más notables libs.

? Patrocinadores

Patrocinadores (ordenados por fecha)

☕phithon ☕c*i ☕*yuan ☕*xiuzhang ☕*Junjie ? 圆伞科技☕*Di

Que contribuye

HyperMD es un proyecto personal de código abierto de Laobubu. Las contribuciones son bienvenidas. Puedes:

• Bifurca en Github, cree sus increíbles temas y complementos.
• Cómprame un café
• ¡Extienda Hypermd al mundo!

---

Notas al pie

1. CTRL+Click también funciona, pero saltará a la nota al pie si existe. ↩ ↩ ²

2. Bloque de matemáticas Use $$ para envolver su expresión de Tex. ↩

3. Deshabilitado por defecto, ver doc; #use dos símbolo hash# si el nombre de la etiqueta contiene espacios. ↩

4. Use Ctrl+Shift+V para pegar texto simple. ↩

5. Idiomas tantos como Codemirror admite. ↩

6. Si el tema no está diseñado para HyperMD, algunas características podrían no estar presentes. ↩