Web5X Блог

Блог о создании сайта, конструкторе сайтов

Web5X Блог

Блог о создании сайта, конструкторе сайтов

Поиск по блогу

Текстовый редактор — виджет Elementor

Обновлено: 12.02.2018
30 комментариев
изображение виджет текстовый редактор конструктор страниц Elementor

Виджет "Текстовый редактор" в конструкторе сайта Elementor в прошлом очень виджет текстовый редактор elementorпопулярный виджет. Без него было трудно работать со страницей применяя например только виджет "Заголовок". Но в 2017 году добавили функционал Inline редактирования (визуальное редактирование), т.е редактирование текста прямо в контентной части конструктора.  Выглядит это так. Кликнул на текст - можно редактировать. Выделил часть текста - появилось панель форматирования (рис ниже)

Inline редактирование в конструкторе сайта

И после введения такого функционала стало возможным делать многострочные тексты в виджете заголовка. Но и виджет текстового редактора не потерял свою актуальность, ведь это привычный стандартный и удобный редактор для многострочных текстов, ссылок, отдельное выделение текста, размещение фото с обрамление текста итд.

Для удобства работы с данным виджетом вы можете расширить панель конструктора или открыть редактор на всю страницу.

стандартный редактор wordpress в конструторе сайта

После размещения виджета на странице конструктора вы увидите виджет и его свойства как на рис. выше. А теперь перейдем к описанию свойств виджета.

 

Содержимое

  • Текстовый редактор - стандартный редактор вордпрес со всем присущим ему функционалом.
  • Буквиница - данная опция включает возможность управлять первой буквой параграфа, т.е сделать ее большой.

 

Стили

  • Выравнивание - позволяет производить выравнивание текста именно стилями. Если сделать выравнивание текста через редактор wordpress то выравнивание происходит инлайн стилями т.е прямо в тексте.
  • Цвет - выбор цвета текста (стилями).
  • Типографика - типографика для всего текста (стили текста, размер, шрифт итд).
    Через редактор вордпресс стили применяются в отдельным параграфам, а не ко всему тексту.
  • Буквиница - стили для буквиницы (при включенной опции на вкладке Содержание)

=======================================================================
Список всех виджетов Elementor вы можете посмотреть на странице Виджеты
=======================================================================

Остались вопросы?
Листай ниже или клик по ссылке выше. Там можно задать вопрос или почитать комментарии других.
Написать комментарий

30 комментариев

  • Здравствуйте. Виджет текстовый редактор, после вставки в поле элементора оставляет снизу отступ в одну строку. Может знаете как убрать его ? мешает очень часто? ) . Чтоб выравнивать приходится отступами играть (корявый метод).

    • A

      Здравствуйте. Есть несколько способов решения, в зависимости от Вашего случая. Обычно это то что мы пишем в текстовом редакторе, оборачивается в теги параграфа. А для данного тега в теме по умолчанию есть стили. Поэтому, если нужно персонально для определенного блока, то добавляем стиль css на вкладке Расширенные. Если для все страницы, то соответственно так же в настройках страницы. Эта возможность есть, если версия PRO. Сам css такой
      p {margin-bottom: 0;}

      Если обычный элементор, то добавляем стиль в настройках темы Внешний вид — Дополнительные стили и там пишем выше указанный код. Но стоит понимать, что отступ пропадет для всех параграфов. Поэтому если опять нужно для отдельного блока, то добавляем класс (например myclass) в настройках виджета (вкладка Расширенные) и уже используем этот класс
      .myclass p {margin-bottom: 0;}

  • Добрый день! подскажите, а можно текстовый блок зафиксировать в px по высоте? как прописать css может? Благодарю!

    • A

      День добрый, что то пропустил Ваш комментарий 🙁
      Вы хотите чтобы была прокрутка внутри блока?

  • Здравствуйте, подскажите как настроить автоперенос слов на другую строку, при выравнивании по ширине и чтобы текст при этом не раздвигался в стороны?

    • A

      День добрый. Наверно никак. Как вариант переносить слова с помощью правил переноса.

  • подскажите, в чем тут дело, в элементоре в текстовом редакторе у меня не открывается окно для редактирования слева. Что не так? Все остальные пункты исправно работают.

    • A

      Не подскажу. Нужно видеть ошибке в редакторе. Возможно в консоле есть ошибки, которые мешают. Например, вы установили тему астра, но она не до конца протестирована с версией 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

      • A

        Возможно просто тема у вас такая, которая ломает стили. Вообще, все что написано в виджете текстовом редакторе, должно корректно отображаться и на сайте. Единственный момент, может вести себя не стабильно когда работаем в редакторе виджета (в его свойствах), а смотрим на результат справа в рабочей области.

        2. Тег ul у вас появляется видимо по причинам автозамены в редакторе ворпреса, т.е когда начинаем перечисление с цифр на каждой строке. Для перевода строк пробуйте ctrl+enter или shift+enter

        3. float:center не существует в природе, есть только none. Чтобы разместить фото по сентру, нужно его сделать display:inline-block и там уже выравнивать text-align:center . Лучше избегать обтеканий, если нужна адаптивность.

  • А как сделать ударение на букве слова, в кириллице.
    Это нужно в стихотворении.

    • A

      Скопируйте и вставьте в нужное место
      А́ Е́ И́ О́ У́ Ы́ Э́ Ю́ Я́
      а́ е́ и́ о́ у́ ы́ э́ ю́ я́

  • Здравствуйте, подскажите пожалуйста есть ли способ сделать подсветку синтаксиса на вкладке текст в редакторе.

    • A

      Если у вас установлен плагин для подсветки синтаксиса, то сможете просто заключать код в теги code и все будет автоматически.

  • Здравствуйте, как я могу изменить размер абзаца, заранее спасибо!

    • A

      Здравствуйте. Если абзац у вас именно в текстовом редакторе вперемешку с текстом (параграфами) то вы можете или изменить общие настройки темы (Стили темы) или изменить настройки в самой теме (если есть) или вынести заголовки в отдельный виджет, а тексты (параграфы) в отдельный.

  • Добрый вечер. В тестовом редакторе пропала функция редактирование, и вместе с текстом появились теги. Как это можно исправить и вернуть возможность редактирования текста?

    • A

      Здравствуйте. Пришлите скриншот, так как не очень понятны какие именно теги появились. Поправить можно, только определив причину ошибки. Например вы установили какой то сломанный плагин или с вирусом и он внес изменения. Возможно просто глюк в ьраузере и нужно просто обновить кеш или попробовать в другом браузере.

  • А можно добавить иконку к тексту? Часто нужна такая возможность для лучшей визуализации.

  • Здравствуйте! Подскажите, как в Элементоре делать «обтекание текстом» вокруг картинки? То есть, я хочу, чтобы текст располагался не только сбоку, но и продолжался снизу под картинкой.

    • A

      Здравствуйте. Как раз внутри текстового редактора не проблем сделать обтекание. Просто вставляем изображение и кликаем по нему, а далее выбираем обтекание. Другое дело, если вы хотите сделать обтекание вне тектового редактора, то тут не получится. Да и в любом случаи, обтекание изображения текстом это устаревшие методы организации контента. Т.е лучше делать две колонки в одной изображение, а в другой текст. При этом начало и продолжение можно прописать в отдельных колонках, сверху и снизу, т.е все по квадратной сетке.

  • Здравствуйте!
    Хотелось бы узнать, как настраивать стили ссылок, находящихся в текстовом блоке. В настройках Elementor смог найти только управление цветом ссылки: (настройки секции или колонки > стили > Типографика > Цвет ссылки). Но помимо цвета хотелось бы отдельно задавать шрифт, размер текста, насыщеность и т.д. для ссылок внутри текстового блока. В настройках темы Астра, так же не смог найти возможности управления стилем ссылок, кроме их цвета.
    Буду благодарен за Ваш ответ.

    • A

      Здравствуйте. Текстовый редактор не предназначен для таких манипуляций со стилями. Как вариант, вы можете вручную задать класс нужной ссылке, а потом для класса прописать свои стили в виде CSS

  • подскажите, как сделать так, чтобы текст при просмотре на смартфоне не переносился по словам, а просто уменьшался масштаб, чтобы внешний вид был такой же, как и на экране ПК?

    • A

      На вкладке Стили, в типографике вы можете задать разный размер в зависимости от устройства. Далее там же вы можете задать размер не в пикселях, а например в EM, REM и даже VM . VM уменьшит шрифт заметно в зависимости от размера окна.

Добавить комментарий для Макс (Отменить ответ)