# Текст

### Как добавить блок?

Через меню добавления контентных блоков. [Подробнее о блоках](https://wiki.scroll-tool.ru/books/razdel-longridy/page/kak-dobavlyat-kontentnye-bloki).

<details id="bkmrk-%D0%A1%D0%BA%D1%80%D0%B8%D0%BD%D1%88%D0%BE%D1%82-%D0%BA%D0%BD%D0%BE%D0%BF%D0%BA%D0%B8-%D0%B4%D0%BE%D0%B1%D0%B0"><summary>Скриншот кнопки в меню</summary>

![text0-menu.jpg](https://wiki.scroll-tool.ru/uploads/images/gallery/2023-10/scaled-1680-/text0-menu.jpg)

</details>### Как выглядит блок?

[![text1-look2.jpg](https://wiki.scroll-tool.ru/uploads/images/gallery/2023-07/text1-look2.jpg)](https://wiki.scroll-tool.ru/uploads/images/gallery/2023-07/text1-look2.jpg)

### Как работать с блоком?

Все просто. Создайте блок и добавьте в него контент. В блоке «**Текст**» можно добавить:

- текст

Вы можете набрать текст вручную. Или вставить его из другого источника.

<details id="bkmrk-%D0%A1%D0%BE%D0%B7%D0%B4%D0%B0%D0%BD%D0%B8%D0%B5-%D0%B1%D0%BB%D0%BE%D0%BA%D0%B0"><summary>Создание блока</summary>

[![text2-create.gif](https://wiki.scroll-tool.ru/uploads/images/gallery/2023-07/text2-create.gif)](https://wiki.scroll-tool.ru/uploads/images/gallery/2023-07/text2-create.gif)

*<span style="color: rgb(149, 165, 166);">Чтобы увеличить демонстрацию, нажмите на нее.</span>*

</details><p class="callout success">Преимущество блока: Если вы копируете текст из другого источника, то большая часть форматирования текста сохранится (жирность, курсив, ссылки, верхние или нижние индексы, цитаты и т.д.).</p>

<details id="bkmrk-%D0%9F%D1%80%D0%B8%D0%BC%D0%B5%D1%80-%D0%B2%D1%81%D1%82%D0%B0%D0%B2%D0%BA%D0%B8-%D1%82%D0%B5%D0%BA%D1%81%D1%82"><summary>Пример копирования текста из Википедии</summary>

[![text3-paste.gif](https://wiki.scroll-tool.ru/uploads/images/gallery/2023-07/text3-paste.gif)](https://wiki.scroll-tool.ru/uploads/images/gallery/2023-07/text3-paste.gif)

*<span style="color: rgb(149, 165, 166);">Чтобы увеличить демонстрацию, нажмите на нее.</span>*

</details>### Как изменить внешний вид?

##### Текст

Вы можете отформатировать текст внутри вкладки с помощью текстового редактора.

**Возможности редактора:**

- выделение текста (курсив, жирность)
- изменение цвета текста
- добавление ссылок
- добавление заголовков 2-го и 3-го уровня
- создание списков (маркированных, нумерованных)
- добавление цитаты, разделителя
- добавление верхних и нижних индексов
- вставка кода с подсветкой
- изменить текст с помощью ИИ

Подробнее о текстовом редакторе читайте [в этой статье](https://wiki.scroll-tool.ru/books/razdel-longridy/page/kak-formatirovat-tekst).

### Есть ли особенности у этого блока?

Да. Анимация проигрывается сразу на весь блок. Это означает, что во время скролла вашего лонгрида блок с текстом появляется с анимацией целиком. Если у вас большой объем текста, то он будет статичен во время скролла.

Если вы хотите чтобы блок текста аккуратно появлялся с анимацией по мере скролла, то большие объемы текста можно разбивать на отдельные текстовые блоки. Так лонгрид будет выглядеть динамичнее.

<details id="bkmrk-%D0%9F%D1%80%D0%B8%D0%BC%D0%B5%D1%80-%D0%B0%D0%BD%D0%B8%D0%BC%D0%B0%D1%86%D0%B8%D0%B8-%D0%9E%D0%B1%D1%80%D0%B0"><summary>Пример анимации</summary>

<p class="callout info">Обратите внимание, первый блок появляется целиком и без анимации. Второй появляется с поэтапной анимацией.</p>

[![text_animation.webp](https://wiki.scroll-tool.ru/uploads/images/gallery/2023-02/text-animation.webp)](https://wiki.scroll-tool.ru/uploads/images/gallery/2023-02/text-animation.webp)

*<span style="color: rgb(149, 165, 166);">Чтобы увеличить демонстрацию, нажмите на нее.</span>*

</details>### Как я могу использовать этот блок?

Текст — это базовая единица контента. Пусть он и выглядит просто, не пренебрегайте им. Может, иногда стоит <span style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu, Roboto, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400;">добавить аккуратно отформатированный текстовый блок </span>вместо целого зоопарка блоков и интерактивов? Сила может быть и в простоте.

#### Совет (как добавить активную ссылку на почту и телефон)  


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

<details id="bkmrk-%D0%9A%D0%B0%D0%BA-%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%B0%D0%B5%D1%82-%D1%81%D1%81%D1%8B%D0%BB%D0%BA%D0%B0-"><summary>Как работает активная ссылка на почту</summary>

[![link-mailto.gif](https://wiki.scroll-tool.ru/uploads/images/gallery/2024-01/link-mailto.gif)](https://wiki.scroll-tool.ru/uploads/images/gallery/2024-01/link-mailto.gif)

*<span style="color: rgb(149, 165, 166);">Чтобы увеличить демонстрацию, нажмите на нее.</span>*

</details>Чтобы создать такую активную ссылку, добавьте в текст ваш адрес электронной почты, выделите его и в открывшемся редакторе нажмите кнопку "**Создать гиперссылку**". [Подробнее о редакторе текста](https://wiki.scroll-tool.ru/books/razdel-longridy/page/kak-formatirovat-tekst).

В открывшемся окне вставьте ссылку с текстом: **mailto:адрес электронной почты**. А вместо слов "адрес электронной почты" подставьте свою почту.

<p class="callout info">Ссылка для почты: "**mailto:адрес электронной почты**" (например: "mailto:info@scroll-tool.ru").  
</p>

Если вы хотите сделать активный номер телефона, то вставьте ссылку с текстом: **tel:номер телефона**. А вместо слов "номер телефона" подставьте свой телефон в международном формате.

<p class="callout info">Ссылка для телефона: "**tel:номер телефона**" (например: "tel:+74951202768").</p>

---

<p class="callout success">Если у вас остались вопросы, напишите нам на почту <info@scroll-tool.ru>.</p>