Atajos
- Ctrl+B / I / U
- Negrita, cursiva, subrayado
- Ctrl+K
- Abrir la paleta de comandos
- Ctrl+Shift+L
- Insertar o editar enlace
- Ctrl+S
- Guardar borrador en este navegador
- Ctrl+Shift+K
- Ejecutar limpieza
- Ctrl+Shift+F
- Indentar el código
- Ctrl+Alt+D
- Descargar HTML
- Ctrl+P
- Imprimir solo el documento
- Ctrl+Shift+P
- Abrir la vista previa
- F11
- Modo enfoque (solo la hoja; Esc para salir)
- F1
- Abrir esta ayuda
Privacidad
El documento no se envía a ningún servidor. El borrador y las preferencias se guardan en localStorage de tu navegador. Al descargar un HTML con imágenes incrustadas, se empaqueta un ZIP con la carpeta images/.
Emoticonos, símbolos y vídeo
El botón del emoticono abre un selector con Recientes, Más usados y la opción Más emoticonos…, que muestra las 1.898 caras en un diálogo con buscador por nombre en español. El botón Ω inserta caracteres especiales (comillas tipográficas, monedas, matemáticas, flechas, letras acentuadas…), también con recientes y buscador. El botón de vídeo admite enlaces de YouTube, Vimeo, Dailymotion y archivos .mp4, .webm u .ogv; el del reloj inserta la fecha y la hora.
El botón de impresión y Ctrl+P abren las opciones de impresión (papel, orientación y márgenes). El documento se imprime limpio: sin encabezado ni pie del navegador y sin la interfaz del editor.
Haz clic en el nombre que aparece encima del código para renombrar el archivo (sin la extensión): se guarda y se descarga con ese nombre.
Vista previa
El botón Vista previa abre el documento tal y como queda al exportarlo: los enlaces funcionan (se abren en una pestaña nueva), el CSS, las tablas, los formularios y los vídeos se comportan como en una web. Puedes alternar entre el ancho de escritorio y el de móvil, y abrir el documento en una pestaña nueva si necesitas ejecutar sus scripts, que aquí no se ejecutan por seguridad.
El documento se refresca solo mientras escribes; el botón de recarga lo actualiza en el acto.
Ecuaciones
El botón ∑ inserta una ecuación escrita en LaTeX (E = mc^2, \frac{a}{b}, \sqrt{x}…). La fórmula se guarda como MathML, así que se ve en cualquier navegador moderno sin cargar fuentes ni hojas de estilo externas. Haz doble clic sobre una ecuación para editarla o quitarla.
En Markdown también puedes escribir $...$ para una fórmula en línea y $$...$$ para una centrada; al pasar a HTML se convierten en MathML y al volver a Markdown recuperan su LaTeX.
HTML y Markdown
El conmutador HTML | MD del panel de código cambia entre los dos lenguajes. En modo MD escribes Markdown y el panel visual se actualiza al momento; lo que edites en el visual aparece también como Markdown. Cada modo conserva su propio historial y su posición.
El botón HTML incrustado (solo en modo MD) decide qué pasa con lo que Markdown no sabe representar. Activado, esos fragmentos (colores, tipografías, vídeos, fórmulas…) viajan como HTML dentro del Markdown y no se pierden al volver a HTML. Desactivado, el Markdown queda limpio y solo con sintaxis estándar. Puedes descargar el documento como .md desde el menú Descargar.
Paleta de comandos
Pulsa Ctrl+K (o el icono de la lupa) y escribe lo que quieres hacer: «tabla», «oscuro», «PDF», «historial», «enfoque»… Usa las flechas para moverte y Enter para ejecutar. Cada comando muestra su atajo cuando lo tiene.
Historial de versiones
El editor guarda una versión del documento cada pocos minutos (puedes cambiar el intervalo o guardar una a mano desde el icono del reloj). En el historial verás la fecha, el tamaño y una vista previa de cada versión; Restaurar la recupera y puedes deshacerlo con Ctrl+Z. Las versiones se guardan solo en este navegador.
Página y PDF
El botón del formato en la barra inferior del editor visual abre los ajustes de página: hoja completa (por defecto), A4, Carta, Legal o A5, con orientación y márgenes normales, estrechos, amplios, sin márgenes o personalizados en milímetros. El formato se aplica a la hoja del editor, a la vista previa, al HTML descargado y al PDF.
La opción PDF del menú Descargar (y el botón de la impresora en la vista previa) abre el diálogo de impresión del navegador con el mismo CSS de la vista previa; elige «Guardar como PDF» para obtener el archivo.
Revisión del HTML
La barra inferior del panel de código indica si el HTML tiene problemas: etiquetas sin cerrar, cierres que no corresponden, atributos repetidos o en mayúsculas, ids duplicados, imágenes sin alt… Pulsa el aviso para ver la lista y saltar a la línea exacta. La revisión es orientativa y no modifica el documento.
Tablas e imágenes
Al colocar el cursor dentro de una tabla aparece una barra sobre ella para añadir filas o columnas arriba, abajo, a la izquierda o a la derecha, y para quitar la fila o la columna actual. Al hacer clic en una imagen aparecen un marco y un tirador en la esquina: arrástralo para cambiar el ancho manteniendo la proporción. El doble clic sigue abriendo los ajustes de la imagen.
Corrección y idioma
El botón de la corrección activa o desactiva el corrector del navegador y el selector de al lado elige el idioma del texto (ES, EN, FR, DE, PT, GL, CA, IT o automático). El navegador usa sus propios diccionarios: si no tiene instalado el idioma, no marcará errores.
Notas al pie y tareas en Markdown
Escribe [^1] en el texto y [^1]: tu nota en cualquier línea para crear una nota al pie. Las notas se numeran por orden de aparición, enlazan de ida y vuelta y se conservan al pasar de Markdown a HTML y de vuelta. Las listas de tareas se escriben como - [x] hecho y - [ ] pendiente; en el editor visual puedes marcar y desmarcar las casillas con un clic.
Vistas y paneles
Dividido muestra el editor visual y el de código. Si ya estás en esa vista, vuelve a pulsarlo para intercambiar los paneles: el código pasa a la izquierda y el visual a la derecha. El orden se recuerda entre sesiones.
El botón de la luna cambia entre el modo claro y el oscuro. El icono del folio con el signo + abre una página en blanco, igual que en el panel de código. El botón de modo enfoque (o F11) deja solo la hoja: oculta la barra superior, la de herramientas y el panel de código; se sale con Esc, F11 o el botón «Salir del enfoque».
Limpieza
Limpieza aplica todas las reglas marcadas y además normaliza el marcado (cierra etiquetas, corrige anidamientos). La regla Scripts y estilos está desactivada por defecto: actívala si quieres eliminar bloques <script> y <style>.
Las reglas de búsqueda y reemplazo admiten expresiones regulares. Una regex inválida no modifica el documento y muestra un aviso.
Importar y exportar
Puedes arrastrar un .html, .htm, .docx o .txt a cualquier parte de la app. Los DOCX se convierten con Mammoth y las imágenes se incrustan como data URIs. La exportación a Word conserva el texto y el formato básico; las imágenes incrustadas pueden no incluirse.
Implementación original inspirada en la interfaz y las herramientas de HTML-Online. Sin código ni recursos copiados del original.