Skip to content

Popups en Línea

VMark proporciona popups contextuales para editar enlaces, imágenes, medios, matemáticas, notas al pie y más. Estos popups funcionan tanto en el modo WYSIWYG como en el modo Fuente con una navegación por teclado consistente.

Atajos de Teclado Comunes

Todos los popups comparten estos comportamientos de teclado:

AcciónAtajo
Cerrar/CancelarEscape
Confirmar/GuardarEnter
Navegar camposTab / Shift + Tab

Tooltip y Popup de Enlace

VMark usa un sistema de dos niveles para los enlaces: un tooltip de solo lectura al pasar el ratón, y un popup de edición mediante atajo de teclado.

Tooltip al Pasar el Ratón (Solo Lectura)

Activación: Pasa el ratón sobre el enlace (retraso de 300ms)

Muestra:

  • Vista previa de URL — URL truncada con URL completa al pasar el ratón
  • Botón Abrir — Abre el enlace en el navegador (o salta al encabezado para #marcadores)

Comportamiento: Solo lectura. Mueve el ratón para cerrar.

Editar un Enlace Existente

Activación: Coloca el cursor en el enlace + Mod + K

Campos:

  • URL — Editar el destino del enlace
  • Abrir — Abre el enlace en el navegador
  • Copiar — Copia la URL al portapapeles
  • Eliminar — Elimina el enlace, conserva el texto

Crear un Nuevo Enlace

Activación: Selecciona texto + Mod + K

Portapapeles inteligente: Si el portapapeles contiene una URL, se rellena automáticamente.

Campos:

  • Entrada de URL — Introduce el destino
  • Confirmar — Presiona Enter o haz clic en ✓
  • Cancelar — Presiona Escape o haz clic en ✗

Modo Fuente

  • Cmd + Clic en un enlace → abre en el navegador
  • Clic en la sintaxis [texto](url) → muestra el popup de edición
  • Mod + K dentro de un enlace → muestra el popup de edición

Enlace Marcador

Los enlaces que comienzan con # se tratan como marcadores (enlaces internos de encabezado). Abrir salta al encabezado en lugar de abrir un navegador.

Un popup unificado para editar todos los tipos de medios — imágenes, vídeo y audio.

Activación: Doble clic en cualquier elemento multimedia (imagen, vídeo o audio)

Campos comunes (todos los tipos de medios):

  • Fuente — Ruta del archivo o URL

Campos específicos por tipo:

CampoImagenVídeoAudio
Texto alternativo
Título
Portada
DimensionesSolo lectura
Alternar en línea/bloque

Botones:

  • Examinar — Selecciona un archivo del sistema de archivos
  • Copiar — Copia la ruta de la fuente al portapapeles
  • Eliminar — Elimina el elemento multimedia

Atajos:

  • Mod + Shift + I — Insertar nueva imagen
  • Enter — Guardar cambios
  • Escape — Cerrar popup

Modo Fuente

En el modo Fuente, hacer clic en la sintaxis de imagen ![alt](ruta) abre el mismo popup de medios. Los archivos multimedia (extensiones de vídeo/audio) muestran una vista previa flotante con controles de reproducción nativos al pasar el ratón.

Edita expresiones matemáticas LaTeX con vista previa en tiempo real.

Activación:

  • WYSIWYG: Haz clic en la matemática en línea $...$

Campos:

  • Entrada LaTeX — Edita la expresión matemática
  • Vista previa — Vista previa renderizada en tiempo real
  • Visualización de Errores — Muestra errores LaTeX con sugerencias de sintaxis útiles

Atajos:

  • Mod + Enter — Guardar y cerrar
  • Escape — Cancelar y cerrar
  • Shift + Retroceso — Eliminar matemática en línea (funciona incluso cuando no está vacía)
  • Alt + Mod + M — Insertar nueva matemática en línea

Sugerencias de Error

Cuando tienes un error de sintaxis LaTeX, el popup muestra sugerencias útiles como llaves faltantes, comandos desconocidos o delimitadores desequilibrados.

Modo Fuente

En el modo Fuente, edita las matemáticas directamente en el texto. La vista previa aparece en el panel de vista previa de Mermaid/Matemáticas.

Edita el contenido de las notas al pie en línea.

Activación:

  • WYSIWYG: Pasa el ratón sobre la referencia de nota al pie [^1]

Campos:

  • Contenido — Texto de nota al pie de múltiples líneas (se redimensiona automáticamente)
  • Ir a la Definición — Salta a la definición de la nota al pie
  • Eliminar — Elimina la nota al pie

Comportamiento:

  • Las nuevas notas al pie enfocan automáticamente el campo de contenido
  • El área de texto se expande a medida que escribes

Edita los enlaces estilo wiki para conexiones internas de documentos.

Activación:

  • WYSIWYG: Pasa el ratón sobre [[destino]] (retraso de 300ms)
  • Fuente: Haz clic en la sintaxis del wiki link

Campos:

  • Destino — Ruta relativa al espacio de trabajo (la extensión .md se gestiona automáticamente)
  • Examinar — Selecciona un archivo del espacio de trabajo
  • Abrir — Abre el documento vinculado
  • Copiar — Copia la ruta de destino
  • Eliminar — Elimina el wiki link

Acciones de edición rápida de tablas.

Activación:

  • WYSIWYG: Usa la barra de herramientas o los atajos de teclado
  • Fuente: Clic derecho en una celda de tabla

Acciones:

AcciónDescripción
Insertar Fila Arriba/AbajoAñade fila en el cursor
Insertar Columna Izquierda/DerechaAñade columna en el cursor
Eliminar FilaElimina la fila actual
Eliminar ColumnaElimina la columna actual
Eliminar TablaElimina toda la tabla
Alinear Columna Izquierda/Centro/DerechaEstablece la alineación para la columna actual
Alinear Todo Izquierda/Centro/DerechaEstablece la alineación para todas las columnas
Formatear TablaAuto-alinea las columnas de la tabla (embellece el markdown)

Corrige errores ortográficos con sugerencias.

Activación:

  • Clic derecho en una palabra mal escrita (subrayado rojo)

Acciones:

  • Sugerencias — Haz clic para reemplazar con la sugerencia
  • Añadir al Diccionario — Deja de marcarla como mal escrita

Comparación de Modos

ElementoEdición WYSIWYGFuente
EnlaceTooltip al pasar / Mod+KClic / Mod+K / Cmd+Clic para abrir
ImagenDoble clicClic en ![](ruta)
VídeoDoble clic
AudioDoble clic
MatemáticasClicEdición directa
Nota al piePasar el ratónEdición directa
Wiki LinkPasar el ratónClic
TablaBarra de herramientasMenú clic derecho
Revisión OrtográficaClic derechoClic derecho

Consejos de Navegación en Popups

Flujo de Enfoque

  1. El popup se abre con el primer campo enfocado
  2. Tab avanza por los campos y botones
  3. Shift + Tab retrocede
  4. El enfoque se repite dentro del popup

Edición Rápida

  • Para cambios simples de URL: edita y presiona Enter
  • Para cancelar: presiona Escape desde cualquier campo
  • Para contenido de múltiples líneas (notas al pie, matemáticas): usa Mod + Enter para guardar

Comportamiento del Ratón

  • Haz clic fuera del popup para cerrarlo (los cambios se descartan)
  • Los popups al pasar el ratón (enlace, nota al pie, wiki) tienen un retraso de 300ms antes de mostrarse
  • Mover el ratón de vuelta al popup lo mantiene abierto