MarkNode trata cada enlace e imagen de tu documento como una referencia interactiva. Puedes pasar el cursor por encima para ver adónde lleva un enlace, hacer clic con una tecla modificadora para abrirlo, pegar imágenes directamente desde el portapapeles y mostrar archivos locales en el explorador de archivos, todo ello sin salir del editor.
Pasar el cursor sobre los enlaces
Pasa el cursor sobre cualquier enlace o imagen en el panel de vista previa para ver su destino en una franja delgada a lo largo del borde inferior. Las referencias locales se muestran como rutas relativas a la raíz de tu proyecto (./docs/install.md), de modo que resultan fáciles de reconocer; los enlaces externos se muestran con su URL completa.
Abrir enlaces
El comportamiento de un clic depende de dónde hagas clic y de qué tecla modificadora mantengas pulsada:
- En la vista previa: un clic simple abre el enlace. Las URL externas (
http,https,mailto) se abren en tu navegador predeterminado. Los enlaces a otros archivos Markdown del proyecto se abren en el editor. Los demás archivos locales (PDF, imágenes, hojas de cálculo) se muestran en la barra lateral del explorador de archivos, o en el gestor de archivos del sistema si están fuera del proyecto. - En el editor: un clic simple sitúa el cursor como en cualquier texto Markdown normal. Para seguir un enlace, mantén pulsada la tecla modificadora (
Cmden macOS oCtrlen Windows y Linux) y haz clic. Se aplican las mismas reglas de destino. - Anclas con almohadilla: los enlaces a
#anclasaltan al encabezado correspondiente en el documento actual. Las anclas entre archivos, como./guide.md#setup, abren el archivo y se desplazan hasta el encabezado.
Si haces clic en un enlace local roto (el archivo no existe), MarkNode muestra una breve notificación de error en lugar de no hacer nada de forma silenciosa.
Menú contextual
Al hacer clic derecho sobre un enlace o una imagen se abre un menú contextual cuyos elementos dependen del tipo de enlace:
- Para una URL externa: Abrir URL en el navegador y Copiar URL.
- Para un archivo local: Abrir archivo (archivos Markdown), Mostrar en el explorador de archivos (selecciona el archivo en la barra lateral de MarkNode), Mostrar en Finder / Mostrar en el Explorador / Mostrar en Archivos (abre el gestor de archivos del sistema con el archivo seleccionado), Copiar ruta del archivo y Buscar todas las referencias (para archivos Markdown, busca en el proyecto todos los lugares que enlazan al destino; los resultados aparecen en el panel inferior).
- Para un enlace
#ancla: Abrir y Copiar enlace.
Tecla modificadora para mostrar
Mantén pulsado Cmd+Alt en macOS o Ctrl+Alt en Windows y Linux y haz clic en un enlace local para mostrar el destino en la barra lateral del explorador de archivos en lugar de abrirlo. Resulta útil cuando quieres ver dónde está un archivo dentro del proyecto antes de decidir qué hacer con él.
Pegar imágenes
Cuando copias una imagen (por ejemplo, una captura de pantalla o una imagen de un navegador) y la pegas en el editor con Cmd+V (Windows/Linux: Ctrl+V), MarkNode:
- Guarda la imagen en la carpeta de medios de tu proyecto (
media/de forma predeterminada). - Genera un nombre de archivo con marca de tiempo, como
pasted-1715680222.png, para que no haya colisiones. - Inserta un enlace de imagen Markdown relativo en la posición del cursor.
La carpeta de medios se crea al pegar por primera vez si no existe. Puedes cambiar la carpeta que utiliza MarkNode en Ajustes > General > Importación de imágenes: define una “Carpeta predeterminada en el proyecto” o elige guardar las imágenes en la misma carpeta que el documento.
Si el portapapeles contiene tanto texto como una imagen, el texto tiene prioridad: es el comportamiento estándar al pegar.
Arrastrar imágenes al editor
También puedes arrastrar una imagen desde Finder (macOS) o el Explorador de archivos (Windows/Linux) directamente al editor. MarkNode copia el archivo en la carpeta de medios de tu proyecto e inserta un enlace Markdown relativo en la posición donde la sueltes.
Abrir imágenes desde el árbol del proyecto
Haz doble clic en cualquier archivo de imagen del explorador de archivos para abrirlo en el área del editor como una vista de imagen incrustada: resulta práctico cuando quieres ver una captura de pantalla a la que hace referencia el documento que estás escribiendo sin salir de la aplicación.
Sintaxis de imágenes
Las imágenes en línea utilizan la sintaxis estándar de Markdown con ! delante:
También puedes usar HTML en línea cuando necesites controlar el ancho:
<img src="media/diagram.png" alt="Diagram" width="400">Ambas formas admiten el paso del cursor, el clic con tecla modificadora y el menú contextual.