JCE редактор. Работа с картинками.

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

Переключение редакторов на сайте.

Напомню, что по умолчанию на сайте «Авторская Песня Востока» установлен редактор «IDoEditor». Чтобы использовать все возможности «JCE» редактора, прежде всего, необходимо на него переключиться.

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

Кнопка «Пользователи».

Второй вариант входа в менеджер пользователей: нажимаем на кнопку «Сайт» и в выпадающем меню выбираем «Пользователи».

Вход в менеджер пользователей.

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

Менеджер пользователей.

В списке находим строку со своими инициалами и нажимаем на эту строку.

Моя строка в менеджере пользователей.

В открывшейся карточке нас интересует окно выбора «Редактор пользователя», где, в нашем случае, мы выбираем строку «Editor - JCE». Затем необходимо нажать кнопку «Сохранить».

Выбор редактора.

Если будет необходимость вернуться к редактору «IDoEditor», надо будет произвести аналогичные действия и в окне «Редактор пользователя» выбрать строку «Editor - IDOEditor».

Вставляем текст в окно JCE редактора.

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

Для копирования текста пользуемся кнопкой «Paste».

Вставляем текст кнопкой «Paste».

Или нажимаем правую кнопку мышки и выбираем строку «Paste».

Вставляем текст мышкой.

Далее, для вставки скопированного текста, нажимаем на строку «Вставить» и жмём на кнопку «Insert».

Окно вставки текста.

Чтобы текст имел более читабельный вид, выделяем текст и с помощью окна «Font Family» выбираем «Verdana», а с помощью окна «Font size» выбираем 12pt. Для выделения текста переходим в конец текста, нажимаем на левую кнопку мышки и при нажатой кнопке производим выделение.

Редактирование текста.

Работа с картинками в JCE редакторе.

Для вставки картинки выбираем место, куда мы её хотим вставить. Пусть это будет начало статьи. В окне редактора идём в верхний левый угол и щелкаем по левой кнопке мышки. Нажимаем на кнопку «Insert/Edit image».

Вставляем картинку в начало статьи.

В центре экрана открывается менеджер картинок. В средней колонке менеджера расположен список загруженных на сайт картинок. При нажатии на название картинки из этого списка в окне «Подробности» появляется миниатюра выбранной картинки.

Менеджер картинок.

Загружаем картинку на сайт со своего компьютера. Для этого нажимаем на кнопку «Загрузить», в открывшемся окне нажимаем кнопку «Add», выбираем на компьютере картинку и нажимаем кнопку «Upload». Напоминаю, название файла картинки должно быть написано латиницей.

Загрузка картинки.

Далее, закрываем окно загрузки кнопкой «Close». В списке картинок выделяем название только что загруженной картинки. При этом в окне «URL» должен автоматически прописаться адрес картинки на сайте. В окне «Altemate Next» пишем название картинки на русском языке. В окне «Выравнивание» выбираем «Left». Чтобы картинка имела отступ от текста, убираем галочку «Equal Values» и в окне «Справа» пишем 20.

Работа с менеджером картинок.

Вставляем картинку в текст нажатием кнопки «Update».

Вставляем картинку.

Альтернативный способ загрузки картинок.

Рассмотрим еще один способ загрузки картинок на примере вставки картинки посередине текста.

Выбираем место, куда хотим вставить картинку, и нажимаем кнопку «Изображение».

Место для картинки и кнопка «Изображение».

В открывшемся окне выбираем картинку на компьютере с помощью кнопки «Обзор» и нажимаем кнопку «Загрузить».

Альтернативный способ загрузки картинок.

Ищем свою картинку в поле картинок и хлопаем по ней левой кнопкой мышки. При этом в поле «Адрес (URL) картинки» должен автоматически появиться адрес картинки. Далее, нажимаем кнопку «Вставить».

Выбираем и вставляем картинку.

Теперь нам надо отделить картинку от текста. Ставим вертикальную палочку нажатием левой кнопки мышки между левым краем картинки и текстом, нажимаем на клавиатуре кнопку «Enter».

Разделяем картинку и текст слева.

Аналогично отделяем картинку от текста справа.

Разделяем картинку и текст справа.

Теперь выровняем картинку по центру. Для этого выделим картинку нажатием на левую кнопку мышки и нажмём на кнопку «Align center».

Выравнивание картинки по центру.

Для закрепления материала полезно ещё раз просмотреть видеоролик из предыдущей статьи. А пока, понимая, что у Вас от обилия полученных знаний в голове «ядрёный взрыв» может случиться, предлагаю расслабиться.

p.s. Если у Вас возникнут какие-либо вопросы, пожалуйста, задавайте их в комментариях статьи. Отвечать буду здесь же или открою для ответов специальную статью.

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

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

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

 

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

 

 

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

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

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

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