Возможности встроенного текстового редактора

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

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

Вы также можете воспользоваться возможностями текстового редактора в мобильных приложениях Эквида для iOS и Android.

Используйте полноэкранный режим

Чтобы у вас было больше места для редактирования текстов, вы можете воспользоваться полноэкранным режимом. Для перехода в него нажмите на значок Во весь экран в правом верхнем углу текстового редактора.

______________________________________________10_.png

Чтобы выйти из полноэкранного режима, нажмите на значок еще раз.

Применяйте форматирование

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

Наш текстовый редактор поддерживает пять типов форматирования:

  • Обычный текст (Arial, 14px)
  • Заголовок 1
  • Заголовок 2
  • Заголовок 3
  • Цитата

Чтобы применить форматирование к абзацу, поместите курсор на него и нажмите на значок («Форматирование») в левом верхнем углу текстового редактора. После этого выберите нужный вам вариант из списка.

______________________________________________2_.png

Форматирование применяется ко всему абзацу сразу. Нажмите Enter, если хотите отделить текст, который форматировать не нужно.

Меняйте начертание

Текстовый редактор поддерживает полужирный, курсивный, подчеркнутый и зачеркнутый текст.

Все кнопки, которые отвечают за начертание текста, расположены в левом верхнем углу редактора:

  • B («Полужирный») делает текст полужирным
  • I («Наклонный») делает текст наклонным
  • U («Подчеркнутый») делает текст подчеркнутым
  • S («Зачеркнутый») делает текст зачеркнутым

______________________________________________8_.png

Начертание текста можно изменить двумя способами.

Во-первых, вы можете выделить фрагмент текста и нажать на соответствующую кнопку в меню редактора. Шрифт для этого конкретного фрагмента изменится.

Во-вторых, вы можете нажать на соответствующую кнопку в меню редактора и начать печатать. Текст, который вы наберете, будет иметь нужное начертание. Чтобы вернуться к исходным настройкам, нажмите на кнопку еще раз.

Вставляйте изображения

Вы можете загружать изображения с вашего устройства, чтобы вставить их в текст. Перед загрузкой убедитесь, что изображения в формате, который поддерживает Эквид — JPG, BMP, PNG или GIF. Максимальный размер изображения — 10 Мб.

______________________________________________4_.png

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

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

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

Вставляйте видео

Чтобы лучше показать ваш товар и помочь покупателям сделать выбор или чтобы проиллюстрировать вашу инструкцию, вы можете вставить в текст видео с Youtube или Vimeo.

Чтобы вставить видео в текст:

  1. Нажмите на значок видео в меню редактора.

    ______________________________________________17_.png

  2. Вставьте код видеоролика или ссылку на него.
  3. Нажмите Вставить.

Видео появится в поле текста автоматически.

Также вы можете просто вставить адрес видеоролика или его код прямо в окно ввода текста.

Вставляйте ссылки

Вы можете вставлять активные текстовые ссылки на внешние сайты или на страницы/файлы из вашего Эквид-магазина. Эти ссылки будут открываться в той же вкладке или в новой (в зависимости от того, какой вариант вы выберете).

Чтобы вставить в текст активную ссылку:

  1. Нажмите на значок ссылки в меню редактора, а потом кликните Вставить ссылку.

    ______________________________________________11_.png

  2. Вставьте адрес вашей ссылки в поле URL и дайте ее описание в поле Текст.
  3. (По желанию) Поставьте галочку в поле Открывать в новой вкладке.
  4. Нажмите Вставить.

Также вы можете выбрать фрагмент уже набранного текста и нажать на значок в меню, чтобы добавить к тексту ссылку. Чтобы снять с текста ссылку, нажмите Удалить ссылку.

Создавайте таблицы

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

Чтобы вставить таблицу в текст:

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

    ______________________________________________23_.png

  2. Выберите число строк и столбцов и нажмите Вставить.
  3. (По желанию) Добавьте заголовок и/или дополнительные строки или столбцы с помощью меню редактора.
  4. Заполните таблицу.

Также вы сможете дополнительно отредактировать таблицу позже. Чтобы удалить таблицу, нажмите на значок таблицы в меню редактора, а потом нажмите Удалить таблицу — или просто поместите курсор справа от таблицы и нажмите Backspace.

Используйте настройки шрифтов

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

  • Нажмите Цвет текста, чтобы выбрать цвет для букв в вашем тексте:

    ______________________________________________3_.png

  • Нажмите Заливка текста, чтобы выбрать цвет для фона букв в вашем тексте:

    ______________________________________________6_.png

  • Нажмите Размер шрифта, чтобы выбрать размер букв в вашем тексте:

    ______________________________________________12_.png

    Выберите Размер по умолчанию, чтобы вернуться к исходному размеру текста (14px).
  • Нажмите Шрифт, чтобы выбрать, каким шрифтом будет написан ваш текст:

    ______________________________________________18_.png

    Выберите Шрифт по умолчанию, чтобы вернуться к исходному шрифту текста (Arial).

Цвет, размер и шрифт текста можно изменить двумя способами.

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

Во-вторых, вы можете нажать на соответствующий значок в меню редактора и начать печатать. Текст, который вы наберете, будет иметь нужные настройки. Чтобы вернуться к исходным настройкам, нажмите на значок в меню еще раз.

Чтобы покрасить текст в цвета, которых нет в стандартной палитре текстового редактора, вы можете отредактировать текст в HTML.

Также вы можете изменить шрифт, его размер и цвет текста с помощью кодов CSS или приложений из магазина приложений Эквида. Еще вы можете обновить шрифты для вашего Эквид-магазина и Стартового сайта.

Применяйте к тексту выравнивание

В текстовом редакторе доступны четыре типа выравнивания:

  • По левому краю
  • По центру
  • По правому краю
  • По ширине

______________________________________________1_.png

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

Выравнивание применяется ко всему абзацу сразу. Нажмите Enter, если хотите отделить текст, который выравнивать не нужно.

Задавайте межстрочный интервал

Вы можете контролировать размер межстрочного интервала — делать его больше или меньше. От этого зависит, насколько растянутым будет выглядеть текст.

При нажатии на Enter перенос строки будет применяться, как к новому абзацу, и межстрочный интервал будет большим по высоте.

При нажатии на Enter + Shift межстрочный интервал будет меньшим по высоте.

Вставьте горизонтальную линейку

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

______________________________________________19_.png

Можно добавить несколько горизонтальных линеек подряд, чтобы сделать разделение более явным. Чтобы удалить линейку, поместите курсор справа от нее и нажмите Backspace.

Создавайте списки

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

  • Нажмите Обычный список в меню редактора, чтобы создать список, пункты в котором обозначены маркерами. Чтобы создать новый пункт, нажмите Enter. Нажмите Enter дважды, чтобы закончить список.

    ______________________________________________14_.png

  • Нажмите Нумерованный список в меню редактора, чтобы создать список, пункты в котором обозначены цифрами. Чтобы создать новый пункт, нажмите Enter. Нажмите Enter дважды, чтобы закончить список.

    ______________________________________________13_.png

Используйте отступы

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

Нажмите Увеличить отступ в меню редактора, чтобы сдвинуть левую границу абзаца вправо. Действие можно повторять столько раз, сколько вы хотите. Чтобы отменить изменения, нажмите Уменьшить отступ или Backspace (если курсор стоит перед началом абзаца).

______________________________________________16_.png

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

______________________________________________21_.png

Вы можете использовать отступы не только для текста, но и для видео/изображений.

Редактируйте тексты в HTML

Для продвинутых пользователей, которые хотят редактировать исходных код текста, в нашем текстовом редакторе есть HTML-режим. Чтобы перейти в него, нажмите на значок <> в правом верхнем углу редактора:

______________________________________________9_.png

Ниже вы найдете несколько примеров того, что можно сделать, отредактировав код текста в HTML.

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

Допустим, вы хотите добавить ссылку на “https://www.ecwid.ru/” к вашему изображению.

Чтобы добавить ссылку к изображению:

  1. Кликните на соответствующий значок в меню редактора и загрузите изображение.
  2. Перейдите в HTML-режим и найдите ваше изображение:

    ______________________________________________22_.png

    Вас интересует фрагмент <img src=”...”>.
  3. Вставьте <a href="https://www.ecwid.ru/"> прямо перед <img scr=”...”> и </a> сразу после него.

    ______________________________________________15_.png

    Вместо https://www.ecwid.ru/ вставьте в <a href=""> ссылку, которая нужна вам.
  4. Выйдите из HTML-режима, чтобы проверить изменения.

Не забудьте нажать Сохранить, когда закончите редактировать текст.

Была ли эта статья полезной?

Приятно! Спасибо за ваш отзыв.

Спасибо за ваш отзыв.

Простите за это! Что было не так?
Пользователи, считающие этот материал полезным: 1 из 6
10
Мы используем cookie-файлы и сервисы аналитики, чтобы помнить о ваших предпочтениях, оценивать эффективность наших рекламных кампаний и улучшать работу сайта. Выбирая «Принимаю», вы даёте согласие на использование файлов cookie.
Принимаю Не принимаю