Ссылки и медиа

MarkNode рассматривает каждую ссылку и каждое изображение в документе как интерактивную ссылку. Вы можете навести курсор, чтобы увидеть, куда ведёт ссылка, открыть её кликом с модификатором, вставить изображения прямо из буфера обмена и показать локальные файлы в проводнике — не покидая редактор.

Наведение на ссылки

Наведите курсор на любую ссылку или изображение в панели предпросмотра, чтобы увидеть её адрес в узкой полосе вдоль нижнего края. Локальные ссылки показываются как пути относительно корня проекта (./docs/install.md), чтобы их было легко узнать; внешние ссылки показываются полным URL.

Открытие ссылок

Поведение клика зависит от того, где вы кликаете и какую клавишу-модификатор удерживаете:

  • В предпросмотре — обычный клик открывает ссылку. Внешние URL (http, https, mailto) открываются в браузере по умолчанию. Ссылки на другие файлы Markdown в проекте открываются в редакторе. Другие локальные файлы (PDF, изображения, таблицы) показываются в боковой панели проводника — или в системном файловом менеджере, если они находятся за пределами проекта.
  • В редакторе — обычный клик ставит курсор, как в обычном тексте Markdown. Чтобы перейти по ссылке, удерживайте клавишу-модификатор — Cmd в macOS или Ctrl в Windows и Linux — и кликните. Действуют те же правила выбора адреса.
  • Якоря с решёткой — ссылки вида #anchor переходят к соответствующему заголовку в текущем документе. Межфайловые якоря, такие как ./guide.md#setup, открывают файл и прокручивают его до заголовка.

Если вы кликнете по нерабочей локальной ссылке (файл не существует), MarkNode покажет краткое уведомление об ошибке, а не просто молча ничего не сделает.

Контекстное меню

Клик правой кнопкой мыши по ссылке или изображению открывает контекстное меню, пункты которого зависят от типа ссылки:

  • Для внешнего URL: Открыть URL в браузере и Копировать URL.
  • Для локального файла: Открыть файл (файлы Markdown), Показать в проводнике (выделить файл в боковой панели MarkNode), Показать в Finder / Показать в Проводнике / Показать в Файлах (открыть системный файловый менеджер с выделенным файлом), Копировать путь к файлу и Найти все ссылки (для файлов Markdown — найти в проекте все места, которые ссылаются на цель; результаты появятся в нижней панели).
  • Для ссылки-якоря #anchor: Открыть и Копировать ссылку.

Модификатор показа в проводнике

Удерживайте Cmd+Alt в macOS или Ctrl+Alt в Windows и Linux и кликните по локальной ссылке, чтобы показать цель в боковой панели проводника вместо её открытия. Это удобно, когда вы хотите увидеть, где файл находится в проекте, прежде чем решить, что с ним делать.

Вставка изображений

Когда вы копируете изображение — например, снимок экрана или картинку из браузера — и вставляете его в редактор с помощью Cmd+V (Windows/Linux: Ctrl+V), MarkNode:

  1. Сохраняет изображение в папку медиафайлов вашего проекта (по умолчанию media/).
  2. Создаёт имя файла с меткой времени, например pasted-1715680222.png, чтобы избежать конфликтов.
  3. Вставляет относительную ссылку на изображение в формате Markdown в позиции курсора.

Трёхэтапный процесс: изображение из буфера обмена вставляется по Cmd+V; MarkNode сохраняет его как файл с меткой времени в папке медиафайлов проекта; относительная Markdown-ссылка на изображение вставляется в позиции курсора.

Папка медиафайлов создаётся при первой вставке, если её ещё нет. Изменить используемую MarkNode папку можно в разделе Настройки > Общие > Импорт изображений — задайте «Папку по умолчанию в проекте» или выберите сохранение изображений в той же папке, что и документ.

Если в буфере обмена есть и текст, и изображение, приоритет отдаётся тексту — это стандартное поведение вставки.

Перетаскивание изображений

Вы также можете перетащить изображение из Finder (macOS) или Проводника (Windows/Linux) прямо в редактор. MarkNode скопирует файл в папку медиафайлов вашего проекта и вставит относительную Markdown-ссылку в место, куда вы его отпустили.

Открытие изображений из дерева проекта

Дважды кликните по любому файлу изображения в проводнике, чтобы открыть его в области редактора как встроенный просмотр изображения — удобно, когда нужно взглянуть на снимок экрана, на который ссылается написанный вами документ, не покидая приложение.

Синтаксис изображений

Встроенные изображения используют стандартный синтаксис Markdown с ! в начале:

![Alt text](media/diagram.png)

Также можно использовать встроенный HTML, когда нужно управлять шириной:

<img src="media/diagram.png" alt="Diagram" width="400">

Обе формы поддерживают наведение курсора, клик с модификатором и контекстное меню.