Работа с текстовым редактором

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

Рассмотрим его.

Когда вы читаете, что необходимо нажать какое-то сочетание клавиш, то видите что-то вроде этого: «CTRL+V». Оно означает: нажмите на кнопку «CTRL» и не отпуская ее, нажмите еще на кнопку «V». При этом кнопка «V» - это кнопка латинского алфавита, НЕ русского!

КАРТИНКА (в разработке)

КАРТИНКА (в разработке)

Как скопировать текст из ворда или браузера и вставить его в редактор?

Выделите текст мышкой, который хотите скопировать.

КАРТИНКА (в разработке)

В окне редактора поставьте курсор в то место, куда надо скопировать текст. Если хотите заменить весь текст, то выделите его при помощи сочетания клавиш «CTRL+A»

Нажмите сочетание клавиш «CTRL+C». Текст вставлен.

После вставки текста рекомендуем его очистить от мусора, который скопировался вместе с текстом. Мусор может содержать много лишнего невидимого html-кода, html-кода с ошибками и стилей текста, не подходящих вашему.

Как очистить текст?

Выделите текст при помощи сочетания клавиш «CTRL+A» и нажмите на кнопку «Очистить форматирование».

КАРТИНКА (в разработке)

Текст очищен.

Как изменить стиль текста?

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

Кнопка

Описание

Кнопки «Стили» и «Шрифт» (КАРТИНКА (в разработке))

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

Если вам необходимо поменять дизайн и шрифт текста, то его надо поменять в самих модулях для всего текста! Чтобы текст сочетался друг с другом.

Кнопка «Форматирование» (КАРТИНКА (в разработке))

Определяет тип структуры у выделенного текста:

  • Обычный
  • Заголовок 1
  • Заголовок 2
  • Заголовок 3
  • Заголовок 4
  • Заголовок 5
  • Заголовок 6

В нем присутствуют и другие типы, но они вам не пригодятся.

Тип структуры «Обычный» используйте для абзацев.

Тип структуры «Заголовок 1» НЕ используйте. Он уже есть на странице модуля (интернет-магазина, мобильного приложения и других)

Типы структур «Заголовок 2» - «Заголовок 6» используйте для подзаголовков текста.

Кнопка «Жирный» (КАРТИНКА (в разработке))

Делает текст жирным.

Кнопка «Курсивный» (КАРТИНКА (в разработке))

Наклоняет текст.

Кнопка «Подчеркнутый» (КАРТИНКА (в разработке))

Рисует линию внизу текста.

Кнопка «Зачеркнутый» (КАРТИНКА (в разработке))

Рисует линию по середине текста.

Кнопка «Подстрочный индекс» (КАРТИНКА (в разработке))

Делает текст ниже основной строки

Кнопка «Надстрочный индекс» (КАРТИНКА (в разработке))

Делает текст ниже основной строки

Кнопка «Размер» (КАРТИНКА (в разработке))

Изменяет размер текста

Кнопка «Цвет текст» (КАРТИНКА (в разработке))

Изменяет цвет текста

Кнопка «Фон текста» (КАРТИНКА (в разработке))

Изменяет фон текста

Как выровнить текст?

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

Кнопка

Описание

Кнопка «По левому краю» (КАРТИНКА (в разработке))

Выравниваем текст по левому краю

Кнопка «По центру» (КАРТИНКА (в разработке))

Выравнивает текст по правому краю

Кнопка «По правому краю» (КАРТИНКА (в разработке))

Выравнивает текст по середине

Кнопка «По ширине» (КАРТИНКА (в разработке))

Выравнивает текст на всю ширину.

Как сделать маркированный или нумерованный список?

Выделяете текст и нажимаете на одну из двух кнопок для создания списка.

Кнопка

Описание

Кнопка «Маркированный список» (КАРТИНКА (в разработке))

Создает маркированный список, с круглишками.

КАРТИНКА (в разработке)

Кнопка «Нумерованный список» (КАРТИНКА (в разработке))

Создает нумерованный списо, с цифрами

КАРТИНКА (в разработке)

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

Как вставить цитату?

Выделяете текст и нажимаете на кнопку «Добавить цитату».

КАРТИНКА (в разработке)

У вас должно получится что-то вроде этого.

КАРТИНКА (в разработке)

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

Как вставить или заменить картинку в тексте?

Нажмите мышкой на место в тексте, в которое хотите вставить картинку.

Нажмите на кнопку «Добавить картинку» на панели редактора текста.

КАРТИНКА (в разработке)

Кнопка откроет окно для выбора картинки. Выберите ее и нажмите на кнопку «Открыть».

КАРТИНКА (в разработке)

Чтобы ее заменить, удалите текущую и вставьте новую.

Как добавить ссылку на страницу сайта?

Выделите текст, на который надо добавить ссылку. Нажмите на кнопку «Добавить ссылку».

КАРТИНКА (в разработке)

Откроется окно.

КАРТИНКА (в разработке)

В поле «Ссылка» введите ссылку.

Если вы хотите, чтобы ссылка открывала страницу в новой вкладке браузере, то перейдите в раздел «Цель». В поле «Цель» выберите вариант «Новое окно (_blank)».

КАРТИНКА (в разработке)

Если вы хотите задать какой-то особенный стиль через css, то откройте раздел «Дополнительно». В поле «Классы CSS» введите название css-класса. Сообщите его программистам по сайту, чтобы они на него назначили конкретный дизайн.

КАРТИНКА (в разработке)

Нажмите на кнопку «ОК» для сохранения результата, или на кнопку «Отмена» для отмены.

Как создать таблицу в тексте?

Нажмите на кнопку «Добавить таблицу» на панели редактора.

КАРТИНКА (в разработке)

Откроется окно.

Во вкладке «Свойства таблицы»:

  • В поле «Строки» укажите число строк таблицы;
  • В поле «Колонки» укажите число столбцов таблицы;
  • Поля «Ширина», «Высота», «Заголовок» и «Итог» оставьте пустыми;
  • В полях «Внешний отступ ячеек», »Внутренний отступ ячеек», «Размер границ» укажите ноль;
  • В поле «Выравнивание» выберите «<не указано>»;
  • В поле «Заголовки» выберите строку/колонку, которая будет заголовком. Если заголовка не будет, то выберите Без заголовка.

КАРТИНКА (в разработке)

Во вкладке «Дополнительное»:

  • Поле «Идентификатор» и «Стиль» оставьте пустыми;
  • В поле Направление текста выберите «<не указано>»;
  • В поле «СSS классы» укажите css-класс, который определяет конкретный стиль таблицы.

КАРТИНКА (в разработке)

CSS класс

Стиль

 

КАРТИНКА (в разработке)

table-no-border

КАРТИНКА (в разработке)

Нажмите на кнопку «ОК» чтобы создать таблицы или на кнопку «Отмена», чтобы отменить.

Как изменить html-код текста?

Нажмите на кнопку «Источник» на панели редактора.

КАРТИНКА (в разработке)

Откроется режим редактирования html-кода.