Визуальный редактор «JCE».

Визуальный редактор «JCE», пожалуй, наиболее удобный редактор для форматирования текста, из разработанных для cms Joomla редакторов. К недостаткам редактора можно отнести: невозможность с его помощью загрузки на сайт аудио и видео файлов. Во всём остальном он значительно превосходит редактор «IdoEditor».

Визуальный редактор «JCE».

Назначение кнопок.

Работа с визуальным редактором «JCE» во многом аналогична с привычным для большинства пользователей компьютеров редактором «Microsoft Office Word». Рассмотрим назначение кнопок редактора, которые наиболее часто используются при работе.

Кнопка «New document».New document – при нажатии этой кнопки стирается вся информация из окна редактора.

Кнопки форматирования шрифта.Кнопки форматирования шрифта – с их помощью можно любому фрагменту текста придать вид жирного, наклонного или подчеркнутого текста.

Окно выбора типа шрифта «Font family».Окно выбора «Font family» - выбор типа шрифта.

Окно выбора размера шрифта «Font size».Окно выбора «Font size» - выбор размера шрифта.

При размещении материалов на joomla сайтах я в большинстве случаев выбираю тип шрифта «Verdana» размером 12pt – с моей точки зрения, получается наиболее читабельный текст.

Окно выбора «Styles».Окно выбора «Styles» - с помощью этого окна можно для каждого элемента, введенного в окно редактора, выбрать свой стиль.

Кнопка «Strikethrough».Strikethrough – с помощью этой кнопки создается зачеркнутый текст.

Кнопки форматирования текста.Кнопки форматирования текста по ширине страницы, по центру, по левому краю, по правому краю.

Окно выбора «Format».  Окно выбора «Format» - для нас эта кнопка полезна тем, что с её помощью можно выделить заголовки.

Кнопка «Paste».«Paste» - кнопка вставки заранее подготовленного текста.

Важно!!! При создании своих уникальных текстов лучше их создавать не непосредственно на сайте, а у себя на компьютере. Затем текст копировать и вставлять на сайт. По поводу вставки текста есть одно существенное замечание. Вставка текста на сайт непосредственно из «Word» перетягивает на сайт вордовское форматирование. В результате Вам будет сложно переформатировать текст на сайте, и страничка на сайте получится «тяжелой», т.е. она будет медленно открываться в интернете. Я обычно пишу статью в редакторе «Word», там же проверяю текст на орфографические ошибки. Затем копирую статью в текстовый редактор (блокнот) и из него уже копирую текст статьи на сайт.

Кнопка «Find».«Find» - с помощью этой кнопки Вы можете найти интересующий Вас фрагмент текста.

Кнопка «Find/replace».«Find/replace» - с помощью этой кнопки Вы можете найти интересующий Вас фрагмент текста и заменить его на другой.

Кнопка «Select text color».«Select text color» - кнопка выбора цвета текста.

Кнопка «Select background color».«Select background color» - кнопка выбора цвета фона текста.

Кнопки задания и отмены отступов текста.Кнопки задания и отмены отступов текста.

Кнопки отменить, вернуть.Кнопки отменить, вернуть.

Кнопки создания списков.Кнопки создания списков.

Кнопка отмены форматирования.Кнопка отмены форматирования.

Кнопка «Emotions».«Emotions» - вставка в текст смайликов.

Кнопка «Toggle fullscreen mode».«Toggle fullscreen mode» - вход-выход из полноэкранного режима.

Кнопки работы с таблицами.Кнопки работы с таблицами.

Кнопка «Insert horizontal ruler».«Insert horizontal ruler» - кнопка вставки горизонтальной линии в текст.

Кнопка «Insert custom character».«Insert custom character» - кнопка позволяет вставлять в текст различные значки.

Кнопка «Insert/Edit link».«Insert/Edit link» - кнопка вставки ссылки на интернет-страничку.

Кнопка «Insert/Edit image».«Insert/Edit image» - кнопка вставки-редактирования картинок.

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

Уроки на все случаи жизни

Нажимайте кнопки! Делитесь информацией с друзьями! Нажимайте кнопки! Делитесь информацией с друзьями!

Получайте информацию о новых акциях и новостях на свою электронную почту!

 

Введите адрес электронной почты:

 

 

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Разместить ссылку на свою статью