Справочный центр

Всплывающая подсказка (Tooltip)

Как добавить текстовый комментарий и/или картинку к слову или фрагменту текста.

Всплывающая подсказка позволяет прокомментировать или проиллюстрировать какое-то слово в текстовом блоке.

Пример всплывающей подсказки (Tooltip) с фотографией и описанием при наведении на слово в тексте на опубликованной странице.

1. Выделите слово или фрагмент текста, который вы хотите прокомментировать.

Панель форматирования текста: кнопка «Ссылка» для выделенного фрагмента текста.

2. В появившемся контекстном меню выберите пункт «Ссылка» и назначьте ссылку. Она может начинаться с http(s):// и вести на внешний ресурс, либо можно поставить решетку и любое слово: #anyword.

В редакторе текста: кнопка со значком ссылки на верхней панели и всплывающее окно добавления ссылки с кнопкой «Применить».

Панель форматирования текста: иконка добавления ссылки и окно настройки с полем «Укажите ссылку» и кнопкой «Применить».

3. Откройте Библиотеку блоков → добавьте блок Т198 из категории «Другое».

Nikola Tesla

Nikola Tesla was a Serbian American inventor, electrical engineer, mechanical engineer, physicist, and futurist best known for his contributions to the design of the modern alternating current (AC) electricity supply system.

Библиотека блоков: блок Т198 «Подсказка для ссылки» в категории «Другое».

4. Откройте меню «Контент блока» и в поле «Ссылка для привязки» укажите ссылку точно так же, как вы указали ее к слову или фрагменту текста.

Панель «Контент» блока подсказки с полями «Ссылка для привязки», «Текст», «Заголовок» и разделом «Изображение».

Панель «Контент» блока всплывающей подсказки: поля «Ссылка для привязки», «Текст», «Заголовок» и блок «Изображение».

Опубликуйте страницу или перейдите в режим предпросмотра, чтобы проверить работу всплывающей подсказки.

Пример отображения всплывающей подсказки с фотографией и описанием при наведении на слово в тексте страницы