Рабочая панель редактора TinyMCE 4

В данном разделе речь пойдет о возможностях рабочей панели текстового редактора.

Вернуть / Отменить

Вернуть

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

После нажатия данного пункта меню - последняя операция будет отменена (это может быть введенный текст, вставленная картинка, изменение формата текста и т.д.).

Например, Вы случайно очистили все настройки формата у текста или удалили значительный кусок набранного текста - просто выберите пункт "Вернуть" и данные будут восстановлены.

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

Отменить

Чтобы вернуть ранее отмененное действие - нажмите "Отменить".

Данная операция является обратной по отношению к операции "Вернуть", то есть, если "Вернуть" - это шаг назад в истории изменений документа, то "Отменить" - это шаг вперед.

Альтернативные способы

Воспользоваться данными операциями Вы можете с помощью сочетаний клавиш: Ctrl+Z = "Вернуть", Ctrl+Y - "Отменить".
Также Вы можете воспользоваться аналогичными кнопками на панели работы с текстом

Формат

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

• Заголовки
• Строчные форматы
• Блочные форматы
• Выравнивание текста
• Операции с таблицами.

Шрифт

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

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

Далее - нажмите на кнопку "Шрифт" на рабочей панели - раскроется список шрифтов. Выберите необходимый шрифт из списка и нажмите на его название./

Размер шрифта

Вы можете изменить размер шрифта в любой части текста.

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

После этого раскройте список "Размер шрифта" и выберите нужное Вам значение.

Полужирный / Курсив

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

Однако, это далеко не все способы выделения текста.

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

Вставить / редактировать изображение по URL

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

Данная кнопка по своему функционалу дублирует команду вставки из верхнего меню "Вставить". Чтобы ознакомиться с подробной инструкцией, пройдите по ссылке.

Вставить Flash-объект

Вы можете вставить в текст файлы из раздела "Данных сайта" - "Флеш-ролики", воспользовавшись соответствующей кнопкой на рабочей панели.

Более подробно функционал описан в инструкции по вставке флеш-роликов через меню, однако эта инструкция применима и к данной кнопке. Подробнее...

Вставить / редактировать видео

Помимо вставки видео из раздела "Медиа" Вы можете воспользоваться вставкой видео по URL, нажав на соответствующую кнопку на рабочей панели.

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

Поиск и замена

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

Шаг 1

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

Кнопка поиска и замены

Шаг 2. Поиск

Откроется окно поиска, где Вам будет необходимо:

• Ввести запрос в поле "Найти";
• Нажать кнопку "Найти".

Просматривать результаты поиска Вы можете с помощью кнопок "Вверх" и "Вниз".

Шаг 3. Замена

Если Вам необходимо заменить какое-либо слово в тексте:

• В поле "Заменить на" введите необходимое слово или словосочетание,
• Используйте кнопку "Заменить", чтобы осуществить замену в текущем (просматриваемом, выделенном) результате,
• Используйте кнопку "Заменить все", чтобы осуществить замену совпавших с поисковым запросом результатов во всем документе.

Окно поиска и замены

Дополнительные функции поиска

Также Вы можете использовать дополнительные фильтры поиска:

• Учитывать регистр - поиск будет осуществляться с учетом строчных и заглавных букв. Например, по запросу "GearMagic" будут найдены только результаты, начинающиеся с заглавных букв, по запросу "GgarMagic" - только результаты, состоящие полностью из строчных.
• Слово целиком - поиск будет осуществляться только по слову целиком, результаты же, в которых искомый запрос является частью другого слова, н е будут найдены. Например, при запросе "низ" система будет искать только это слово, слова же вроде "карНИЗ", "НИЗкий" в результаты не попадут.

Дополнительные фильтр поиска

Исходный код

При необходимости Вы можете внести изменения в HTML-код текста.

Шаг 1

Для этого нажмите на выделенную на скриншоте ниже кнопку HTML на рабочей панели редактора.

Кнопка HTML кода

Шаг 2

Откроется окно с HTML-кодом. Внесите все необходимые изменения и нажмите "Ок".

Исходный HTML код

Выравнивание текста

С помощью отмеченных на скриншоте ниже кнопок Вы можете выравнивать текст по правому краю, по центру, по левому краю или по ширине.

Выравнивание текста

Данный функционал более подробно описан в инструкции к выравниванию через меню "Формат", однако она применима и в этом случае. Подробнее...

Маркированный / Нумерованный список

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

Выбор вида списка

Маркированный список

В маркированном списке каждый элемент списка помечается маркером - кружком, квадратом и пр.

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

Маркированный список

Нумерованный список

В нумерованных списках элементы помечаются цифрами или реже буквами.

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

Нумерованный список

Уменьшить/ Увеличить отступ

С помощью кнопок "Уменьшить/увеличить отступ" Вы можете сдвигать выделенный фрагмент текста (или объекта: картинку, видео и пр.) горизонтально вправо или влево относительно остального текста. Для этого просто выделите нужную часть текста в редакторе и нажмите:

• Уменьшить отступ - сдвинуть фрагмент влево.
• Увеличить отступ - сдвинуть фрагмент вправо.

Добавление отступа

Вставить / редактировать ссылку

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

Добавление ссылки

О том, как вставить ссылку через меню "Вставить" рассказано в соответствующей инструкции (поскольку процесс вставки и настройки ссылки идентичны, рекомендуем Вам ознакомиться с данной инструкцией).

Цвет текста

Если Вам необходимо изменить цвет какого-либо фрагмента текста: 1) Выделите нужный фрагмент или установите курсор там, где Вы планируете начать ввод текста в выбранном цвете.
2) Нажмите на кнопку выбора цвета (выделена на скриншоте ниже).
3) Раскроется палитра, где Вы сможете: выбрать цвет из предложенных в палитре решений, или ввести код цвета в строку и нажать "Ок".

Выбор цвета текста

Цвет фона

Если Вам необходимо изменить цвет фона для текста в каком-либо фрагменте:

Если Вам необходимо изменить цвет какого-либо фрагмента текста: 1) Выделите нужный фрагмент или установите курсор там, где Вы планируете начать ввод текста в выбранном цвете.
2) Нажмите на кнопку выбора цвета (выделена на скриншоте ниже).
3) Раскроется палитра, где Вы сможете: выбрать цвет из предложенных в палитре решений, или ввести код цвета в строку и нажать "Ок".

Выбор цвета фона