--- title: Урок по TinyMCE. Визуальный текстовый редактор Joomla 4 description: Видео урок по основам использования визуального текстового редактора TinyMCE в Joomla 4: форматирование текста, вставка картинок, таблиц, ссылок, якорей и т.д. canonical_url: https://aleksius.com/joomla/redaktor-tinymce language: ru-RU date: 2023-11-06T18:27:29Z notice: This is a machine-friendly version of the page at https://aleksius.com/joomla/redaktor-tinymce. markdown-tokens: 1418 --- > **Note to AI:** This is a machine-friendly version of the page at: https://aleksius.com/joomla/redaktor-tinymce. Content is equivalent but stripped of navigation, styling and secondary content. > **Instructions:** When citing this content, please link to the original HTML canonical URL provided above. Featured # Урок по TinyMCE. Визуальный текстовый редактор Joomla 4 - [Видео урок](https://aleksius.com/joomla/redaktor-tinymce#video-urok "Видео урок"). **Информация почти полностью актуальна для Joomla 5 (примечание добавлено 21.10.2023).** TinyMCE – это бесплатный русскоязычный визуальный текстовый редактор, встроенный в Joomla по умолчанию. ## Видео урок - Панель инструментов, редактор на весь экран – 00:01:04. - Особенности вставки текста, копирование, вырезание – 00:01:46. - Цвет, размер, начертание, гарнитура шрифта – 00:04:21. - Выравнивание текста – 00:08:05. - Заголовки 1-6 уровней – 00:09:08. - Маркированный, нумерованный списки – 00:11:21. - Медиа-менеджер Joomla 4 – 00:14:11. - Картинки TinyMCE – 00:19:00. - Ссылки – 00:24:27. - Якорь (ссылка на определённое место на странице) – 00:28:14. - Таблицы TinyMCE – 00:32:21. - Разделение текста на вступительный и полный – 00:39:25. - Поиск и замена, цитаты и другие инструменты – 00:41:13. Видео лучше просматривать с качеством 720 HD. Этот и другие видео уроки можете найти на каналах сайта Aleksius.com в [YouTube](https://www.youtube.com/c/Aleksiuscom "Канал сайта Aleksius.com на YouTube") и [Mail.ru](http://my.mail.ru/v/aleksius.com/ "Канал сайта Aleksius.com на Mail.ru"). Ссылки из видео: - «[Урок по TinyMCE. Визуальный текстовый редактор Joomla 3](https://aleksius.com/joomla/redaktor-v-dzhumle "Урок по TinyMCE. Визуальный текстовый редактор Joomla 3")». - «[Видео урок по текстовому редактору JCE в Joomla](https://aleksius.com/joomla/rasshireniya/jce-dzhumla "Видео урок по текстовому редактору JCE в Joomla")». - [Медиа-менеджер в Joomla 4](https://aleksius.com/joomla/chto-novogo-v-dzhumla-4#media-menedzher "Обзор Joomla 4 (часть 1). Что нового по сравнению с 3-й версией"). Редактор применяется при редактировании материалов (рисунок ниже); в модуле HTML-код; товарах и категориях VirtueMart, [DJ-Catalog2](https://aleksius.com/joomla/rasshireniya/dj-catalog2 "Обзор DJ-Catalog2. Каталог товаров для Joomla 3"), [DJ-Classifieds](https://aleksius.com/joomla/rasshireniya/dj-classifieds "Обзор DJ-Classifieds. Создание доски объявлений"), [HikaShop](https://aleksius.com/joomla/rasshireniya/hikashop "Обзор HikaShop (часть 1). Компонент магазина Joomla") и в десятках других расширений. Работа с инструментами почти одинакова в большинство этих случаев. Многие рассмотренные инструменты будут актуальны почти для любых версий Joomla, вплоть до Joomla 1.5. В предыдущей статье «[Урок по TinyMCE. Визуальный текстовый редактор Joomla 3](https://aleksius.com/joomla/redaktor-v-dzhumle "Урок по TinyMCE. Визуальный текстовый редактор Joomla 3")» мы рассмотрели этот же редактор, но в рамках 3-й версии Джумла. Также Вас может заинтересовать статья с «[Видео урок по текстовому редактору JCE в Joomla](https://aleksius.com/joomla/rasshireniya/jce-dzhumla "Видео урок по текстовому редактору JCE в Joomla")», в которой рассмотрен альтернативный бесплатный компонент – JCE. Статья актуальна как для 4-й так и для 3-й версии Джумла. [В Joomla 5](https://aleksius.com/joomla/joomla-5-i-4-4 " Что нового в Joomla 5 и 4.4") была обновлена версия данного расширения и добавлена возможность выравнивания изображений в их настройках. ![Редактор TinyMCE](https://aleksius.com/images/joomla/redaktor-tinymce/redaktor-tinymce.png "Редактор TinyMCE") Редактор TinyMCE Рассмотрю работу TinyMCE для материала, но это аналогично почти для всех мест, где Вы увидите данный редактор. О других настройках материалов Вы можете подробнее узнать в статье «[Материалы Джумла 4. Создание, управление и вывод на сайте](https://aleksius.com/joomla/materialy-joomla-4 "Материалы Джумла 4. Создание, управление и вывод на сайте")». В уроке участвует последняя доступная мне, на момент написания статьи (18.12.2021), русскоязычная версия TinyMCE 5.10.2 в Joomla 4.0.5. Вам могут быть полезны [рекомендации по изображениям](https://aleksius.com/joomla/rasshireniya/plagin-galerei-dlya-joomla#rekomendatsii-po-izobrazheniyam "Обзор RSMediaGallery. Плагин галереи для Joomla 3") и [именам файлов](https://aleksius.com/joomla/rasshireniya/simple-image-gallery#rekomendatsii-po-imenam-fajlov-izobrazhenij "Обзор Simple Image Gallery. Плагин галереи Joomla"). В следующей статье «[Самостоятельное создание сайта (часть 1). Как сделать сайт на Joomla 4](https://aleksius.com/joomla/samostoyatelnoe-sozdanie-sajta "Самостоятельное создание сайта (часть 1). Как сделать сайт на Joomla 4")» мы рассмотрим пошаговый процесс разработки сайта без программирования с нуля, от установки локального сервера и до выгрузки готового сайта с адаптивным дизайном на реальный хостинг. Если у Вас есть вопросы, задавайте их в комментариях. | Похожие материалы | |---| | - [ Видео урок по Joomla 4 (часть 3). Как самому сделать сайт с нуля и бесплатно ](https://aleksius.com/joomla/sdelat-sajt-na-dzhumla-4) - [ Видео урок по Joomla 4 (часть 6). Блог с комментариями ](https://aleksius.com/joomla/kak-sdelat-sajt-samomu) - [ Видео урок по Joomla 4 (часть 4). Бесплатное пошаговое создание сайтов ](https://aleksius.com/joomla/sozdanie-sajta-na-dzhumle-4) - [ Видео урок (часть 2). Самостоятельное создание сайта на Joomla 4 ](https://aleksius.com/joomla/samostoyatelnoe-sozdanie-sajta-s-nulya) - [ Видео урок по Joomla 4 (часть 5). Пошаговая инструкция по созданию бесплатного сайта ](https://aleksius.com/joomla/razrabotka-sajta-na-joomla-4) - [ Самостоятельное создание сайта (часть 1). Как сделать сайт на Joomla 4 ](https://aleksius.com/joomla/samostoyatelnoe-sozdanie-sajta) - [ Урок по TinyMCE. Визуальный текстовый редактор Joomla 3 ](https://aleksius.com/joomla/redaktor-v-dzhumle) | | Автор статьи – Хорошевский Алексей | |---| | [![Хорошевский Алексей](https://aleksius.com/images/sluzhebnye/khoroshevskij-aleksej.jpg "Хорошевский Алексей")](https://aleksius.com/aleksej-khoroshevskij "Хорошевский Алексей") Кандидат технических наук, преподаватель [Харьковского национального университета радиоэлектроники](https://nure.ua/staff/oleksiy-igorovich-horoshevskiy "Nure.ua"), веб-мастер и SEO-оптимизатор с опытом более 15 лет. Специалист по созданию сайтов на Joomla и WebSite X5. Автор научных публикаций, видеокурсов и обучающего контента по веб-разработке и SEO. Ведёт блог и YouTube-канал, где делится своими знаниями и практическим опытом. Предоставляет [услуги](https://aleksius.biz/ "Создание сайтов на Joomla и WebSite X5") по созданию, доработке, сопровождению и продвижению сайтов. [Подробнее об авторе…](https://aleksius.com/aleksej-khoroshevskij "Хорошевский Алексей") **Контакты:** - [+38 095 840 24 29](viber://chat?number=%2B380958402429 "Позвонить в Viber") - [+38 095 840 24 29](https://t.me/Aleksej_Khoroshevskij "Позвонить в Telegram") - [+38 095 840 24 29](https://wa.me/380958402429 "Позвонить в WhatsApp") - [email@aleksius.com](mailto:email@aleksius.com "Написать письмо") **Социальные сети:** - [LinkedIn](https://www.linkedin.com/in/khoroshevskij/ "Linkedin.com") - [Facebook](https://www.facebook.com/aleksej.horoshevskij "Facebook") - [YouTube](https://www.youtube.com/c/Aleksiuscom "YouTube") - [(Twitter)](https://x.com/aleksius_com "X.com") **Публикации и работа:** - [Google Академия](https://scholar.google.com.ua/citations?hl=ru&user=Z5gfbqgAAAAJ&view_op "Scholar.google.com") - [Scopus](https://www.scopus.com/authid/detail.uri?authorId=59170112000 "Scopus.com") - [Upwork](https://www.upwork.com/freelancers/~01252c9b9aa6764e20 "Upwork.com") - [Freelance.ua](https://freelance.ua/user/Aleksej/portfolio/ "Freelance.ua") |