Виджет "Текстовый редактор" в конструкторе сайта Elementor в прошлом очень 
популярный виджет. Без него было трудно работать со страницей применяя например только виджет "Заголовок". Но в 2017 году добавили функционал Inline редактирования (визуальное редактирование), т.е редактирование текста прямо в контентной части конструктора. Выглядит это так. Кликнул на текст - можно редактировать. Выделил часть текста - появилось панель форматирования (рис ниже)
И после введения такого функционала стало возможным делать многострочные тексты в виджете заголовка. Но и виджет текстового редактора не потерял свою актуальность, ведь это привычный стандартный и удобный редактор для многострочных текстов, ссылок, отдельное выделение текста, размещение фото с обрамление текста итд.
Для удобства работы с данным виджетом вы можете расширить панель конструктора или открыть редактор на всю страницу.
После размещения виджета на странице конструктора вы увидите виджет и его свойства как на рис. выше. А теперь перейдем к описанию свойств виджета.
Содержимое
- Текстовый редактор - стандартный редактор вордпрес со всем присущим ему функционалом.
- Буквиница - данная опция включает возможность управлять первой буквой параграфа, т.е сделать ее большой.
Стили
- Выравнивание - позволяет производить выравнивание текста именно стилями. Если сделать выравнивание текста через редактор wordpress то выравнивание происходит инлайн стилями т.е прямо в тексте.
- Цвет - выбор цвета текста (стилями).
- Типографика - типографика для всего текста (стили текста, размер, шрифт итд).
Через редактор вордпресс стили применяются в отдельным параграфам, а не ко всему тексту. - Буквиница - стили для буквиницы (при включенной опции на вкладке Содержание)
=======================================================================
Список всех виджетов Elementor вы можете посмотреть на странице Виджеты
=======================================================================
Владимир
Здравствуйте. Виджет текстовый редактор, после вставки в поле элементора оставляет снизу отступ в одну строку. Может знаете как убрать его ? мешает очень часто? ) . Чтоб выравнивать приходится отступами играть (корявый метод).
Админ
Здравствуйте. Есть несколько способов решения, в зависимости от Вашего случая. Обычно это то что мы пишем в текстовом редакторе, оборачивается в теги параграфа. А для данного тега в теме по умолчанию есть стили. Поэтому, если нужно персонально для определенного блока, то добавляем стиль css на вкладке Расширенные. Если для все страницы, то соответственно так же в настройках страницы. Эта возможность есть, если версия PRO. Сам css такой
p {margin-bottom: 0;}Если обычный элементор, то добавляем стиль в настройках темы Внешний вид — Дополнительные стили и там пишем выше указанный код. Но стоит понимать, что отступ пропадет для всех параграфов. Поэтому если опять нужно для отдельного блока, то добавляем класс (например myclass) в настройках виджета (вкладка Расширенные) и уже используем этот класс
.myclass p {margin-bottom: 0;}Сергей
Добрый день! подскажите, а можно текстовый блок зафиксировать в px по высоте? как прописать css может? Благодарю!
Админ
День добрый, что то пропустил Ваш комментарий 🙁
Вы хотите чтобы была прокрутка внутри блока?
Юрий
Здравствуйте, подскажите как настроить автоперенос слов на другую строку, при выравнивании по ширине и чтобы текст при этом не раздвигался в стороны?
Админ
День добрый. Наверно никак. Как вариант переносить слова с помощью правил переноса.
игорь
подскажите, в чем тут дело, в элементоре в текстовом редакторе у меня не открывается окно для редактирования слева. Что не так? Все остальные пункты исправно работают.
Админ
Не подскажу. Нужно видеть ошибке в редакторе. Возможно в консоле есть ошибки, которые мешают. Например, вы установили тему астра, но она не до конца протестирована с версией elementor. Или установили какой то плагин, который тоже мешает.
Алексей
Ещё вопросик:
Подскажите к тэгу «b» какой стиль шрифта присваивается? если я загрузил шрифты в custom fonts, где проставляется bold — normal? или это изменить уже не получится?
Админ
Если у шрифта нет жирного стиля, то применить никак.
Алексей
Здравствуйте. Подскажите пожалуйста, замучился уже с этим редактором.
1. Подскажите почему тэг всегда убирается при повторном редактировании текста?(может есть способ поставить что бы сразу писалось через строку? (кроме и )
2. Почему всегда появляется тэг и ломает расположение текста? как с эти бороться?
3. Как прописать стиль обтекания текстом (на десктопе картинка справа, а на мобилке сделать по центру) Вот я прописал
.one {
padding: 10px; float: right; }
@media (max-width: 480px)
{ .one {
padding: 10px; float: center;
}
}
в редакторе всё нормально, но заходя с мобилки картинка всё равно справа, а слева текст по 2 символа на строке.
Алексей
1 тэг br ( кроме il и ol
2. тэг ul
Админ
Возможно просто тема у вас такая, которая ломает стили. Вообще, все что написано в виджете текстовом редакторе, должно корректно отображаться и на сайте. Единственный момент, может вести себя не стабильно когда работаем в редакторе виджета (в его свойствах), а смотрим на результат справа в рабочей области.
2. Тег ul у вас появляется видимо по причинам автозамены в редакторе ворпреса, т.е когда начинаем перечисление с цифр на каждой строке. Для перевода строк пробуйте ctrl+enter или shift+enter
3. float:center не существует в природе, есть только none. Чтобы разместить фото по сентру, нужно его сделать display:inline-block и там уже выравнивать text-align:center . Лучше избегать обтеканий, если нужна адаптивность.
Алексей
Спасибо большое за ответ.
Леонид
А как сделать ударение на букве слова, в кириллице.
Это нужно в стихотворении.
Админ
Скопируйте и вставьте в нужное место
А́ Е́ И́ О́ У́ Ы́ Э́ Ю́ Я́
а́ е́ и́ о́ у́ ы́ э́ ю́ я́
Алекс
Здравствуйте, подскажите пожалуйста есть ли способ сделать подсветку синтаксиса на вкладке текст в редакторе.
Админ
Если у вас установлен плагин для подсветки синтаксиса, то сможете просто заключать код в теги code и все будет автоматически.
Пётр
Здравствуйте, как я могу изменить размер абзаца, заранее спасибо!
Админ
Здравствуйте. Если абзац у вас именно в текстовом редакторе вперемешку с текстом (параграфами) то вы можете или изменить общие настройки темы (Стили темы) или изменить настройки в самой теме (если есть) или вынести заголовки в отдельный виджет, а тексты (параграфы) в отдельный.
Ярослава
Добрый вечер. В тестовом редакторе пропала функция редактирование, и вместе с текстом появились теги. Как это можно исправить и вернуть возможность редактирования текста?
Админ
Здравствуйте. Пришлите скриншот, так как не очень понятны какие именно теги появились. Поправить можно, только определив причину ошибки. Например вы установили какой то сломанный плагин или с вирусом и он внес изменения. Возможно просто глюк в ьраузере и нужно просто обновить кеш или попробовать в другом браузере.
Макс
А можно добавить иконку к тексту? Часто нужна такая возможность для лучшей визуализации.
Админ
Да, можно. Переключаемся на вкладку текст и вставляем html код иконки.
например
Это код из Fontawesome 5 https://fontawesome.com/icons?d=gallery&m=free
Выбираем иконку кликая на нее и на странице уже копируем код иконки.
Rem
Здравствуйте! Подскажите, как в Элементоре делать «обтекание текстом» вокруг картинки? То есть, я хочу, чтобы текст располагался не только сбоку, но и продолжался снизу под картинкой.
Админ
Здравствуйте. Как раз внутри текстового редактора не проблем сделать обтекание. Просто вставляем изображение и кликаем по нему, а далее выбираем обтекание. Другое дело, если вы хотите сделать обтекание вне тектового редактора, то тут не получится. Да и в любом случаи, обтекание изображения текстом это устаревшие методы организации контента. Т.е лучше делать две колонки в одной изображение, а в другой текст. При этом начало и продолжение можно прописать в отдельных колонках, сверху и снизу, т.е все по квадратной сетке.
Сергей
Здравствуйте!
Хотелось бы узнать, как настраивать стили ссылок, находящихся в текстовом блоке. В настройках Elementor смог найти только управление цветом ссылки: (настройки секции или колонки > стили > Типографика > Цвет ссылки). Но помимо цвета хотелось бы отдельно задавать шрифт, размер текста, насыщеность и т.д. для ссылок внутри текстового блока. В настройках темы Астра, так же не смог найти возможности управления стилем ссылок, кроме их цвета.
Буду благодарен за Ваш ответ.
Админ
Здравствуйте. Текстовый редактор не предназначен для таких манипуляций со стилями. Как вариант, вы можете вручную задать класс нужной ссылке, а потом для класса прописать свои стили в виде CSS
Александр
подскажите, как сделать так, чтобы текст при просмотре на смартфоне не переносился по словам, а просто уменьшался масштаб, чтобы внешний вид был такой же, как и на экране ПК?
Админ
На вкладке Стили, в типографике вы можете задать разный размер в зависимости от устройства. Далее там же вы можете задать размер не в пикселях, а например в EM, REM и даже VM . VM уменьшит шрифт заметно в зависимости от размера окна.