---
title: "Инструмент «Ссылка» — правка ссылок в Blok"
description: "Вставка и правка ссылок, управление поведением перехода и настройка карточки при наведении и меню правки ссылки."
source: https://blokeditor.com/ru/docs/link/
lastmod: 2026-10-07
---

Фреймворк JavaScript

Строчные инструменты Ссылка

# Ссылка: вставка и правка ссылок

Оборачивает выделенный текст в `<a href="...">`. Включается сочетанием Cmd/Ctrl+K. Клик по кнопке на уже связанном тексте открывает поле ввода URL, чтобы ссылку можно было изменить или удалить.

`target` и `rel` всегда пишутся рядом с `href` и берутся из `BlokConfig.link`. По умолчанию это `_blank` и `nofollow`.

Для ссылок на ту же страницу принудительно ставится `target="_self"`: это `#anchor` или URL, который разрешается в текущие origin и pathname. `link.transform` может переопределить любое из href, target и rel.

### Импорт

TypeScript

```
import { Link } from '@bloklabs/core/tools';
```

### Формат данных

TypeScript

```
// A link mark on a run of the block's text field.
// target and rel are always written. These are the defaults:
// { "text": "Example", "marks": { "link": { "href": "https://example.com", "target": "_blank", "rel": "nofollow" } } }
```

JSON

```
{
  "type": "paragraph",
  "data": {
    "text": [
      { "text": "Visit " },
      {
        "text": "Example",
        "marks": { "link": { "href": "https://example.com", "target": "_blank", "rel": "nofollow" } }
      }
    ]
  }
}
```

### Пример использования

TypeScript

```
import { Blok } from '@bloklabs/core';
import { Link, Paragraph } from '@bloklabs/core/tools';

const editor = new Blok({
  holder: 'editor',
  tools: {
    // Paragraph is the default block and is not bundled with the core —
    // without it the editor starts with an "unsupported block" stub.
    paragraph: Paragraph,
    link: Link,
  },
});
```