Елемент Текст в конструкторі курсу
Оформлення тексту допомагає зробити його більш читабельним, стильним і цікавим для студентів. Використовуйте для цього різні інструменти форматування для текстів уроків і розділів, опису тестів.
У статті розглянемо можливості налаштування зовнішнього вигляду тексту.
Перетягніть елемент Текст з лівої панелі або натисніть + у центральній частині конструктора та виберіть Текст.
Введіть ваш текст або виділіть наявний та скористайтесь панеллю для його редагування.
Інструменти редагування
Розглянемо, які інструменти можна використовувати в роботі з текстом.
| Кнопки управління змінами | Скасовує або відновлює останні дії з текстом. Щоб скасувати, натисніть стрілку ліворуч. Щоб відновити попередню дію, натисніть стрілку праворуч. |
| Структура |
Заголовки (Headings):
Вбудований (Inline) задає форматування тексту: жирний (Bold), курсив (Italic), підкреслений (Underline), закреслений (Strikethrough), надрядковий (Superscript), підрядковий (Subscript) та код (Code). Блоки:
Вирівнювання (Align) визначає розташування тексту: у центрі, ліворуч, праворуч або за шириною (текст рівномірно заповнює весь рядок між краями). |
| Розмір шрифту | Задає розмір тексту від 8px до 36px. |
| Стиль тексту | Задає стилістичні властивості тексту: жирний чи курсив. |
| Колір тексту | Задає колір тексту. Виберіть потрібний з палітри. |
| Колір фону | Задає колір фону. Виберіть потрібний з палітри. |
| Виділення тексту | Дає змогу виділити текст за допомогою лінії: підкреслений або перекреслений. |
| Посилання | Відкриває модальне вікно для додавання посилання на вибраний текст або введення підказки.
У полі URL додайте посилання, у полі Text to display відредагуйте основний текст. За потреби в полі Title введіть текст, який з’являтиметься під час наведення курсору на посилання, а в полі Open link in виберіть, де розгортатиметься посилання: у поточній чи новій вкладці. |
| Списки | Створює нумерований або ненумерований список із кількох ліній тексту. |
| Вирівнювання | Задає вирівнювання тексту: у центрі, ліворуч, праворуч або за шириною. |
| Код | Відкриває модальне вікно редагування тексту в режимі коду. |
Якщо ви копіюєте текст з інших ресурсів, він може містити приховане форматування або зайвий HTML-код, який порушує вигляд контенту в уроці. Щоб вставити текст без форматування, натисніть: Ctrl + Shift + V (Windows) або Cmd + Shift + V (Mac).
Якщо ви вставили текст з форматуванням і бачите зайві стилі, відкрийте вихідний код блоку, натисніть Ctrl + F, знайдіть потрібний фрагмент і видаліть зайві HTML-теги.
Налаштування текстових елементів
У правій панелі ви також можете змінити стиль тексту та вибрати готові шрифти.
Щоб кастомізувати шрифт для кожного блока окремо, натисніть Налаштувати (Customize) та вкажіть параметри:
| Шрифт | Задає шрифт. |
| Розмір шрифту | Визначає розмір символів. Встановіть значення від 8 до 200рх. |
| Інтервал у відсотках | Задає відстань між рядками тексту. Наприклад, 150% означає, що рядки будуть у півтора раза вищі за текст. |
| Жирність шрифту | Визначає жирність: жирний, нормальний або легкий. |
| Регістр | Робить всі літери прописними. |
| Курсив | Змінює написання літер на похиле. |
Натисніть Зберегти (Save).
Всі зміни будуть одразу відображатися у центральній робочій області — так ви зможете оцінити результат.
Оновлено: 24.07.2025
або