Всем привет! Разбираясь как то с ModX, я заметил, что в нем отсутствует удобный визуальный редактор как на WordPress и многие верстальщики, работающие на ModX советовали установить WYSIWYG редактор сразу после запуска данной CMS, а если быть точнее, то все советовали TinyMCE. Было это давно, но вот прошло время и как то я встретился с ModX, хотя так и в ней поработать не удалось, но успел создать небольшой сайт-визитку буквально за час, так как ModX поддерживает абсолютно любые HTML CSS шаблоны, которых в интернете тьма тьмущая, да и создать простой шаблон с использованием HTML и CSS не составит труда.

Редакторы для WordPress

Ну и естественно в первую очередь я искал WYSIWYG редактор TinyMCE, но наткнулся на множество других, которые мне совсем не были знакомы. Среди них был и тот самый TinyMCE, но любопытство взяло вверх и начал устанавливать все, проверять и изучать. К чему все это я — сегодня бы хотелось поговорить о таких же редакторах для WordPress, которые заменят стандартный TinyMCE и, думаю, увеличат функционал и удобство работы по написанию постов.

Что такое WYSIWYG редактор и история появления

WYSIWYG (What You See Is What You Get (ВИЗИВИГ)) — Что Ты Видишь То Ты и Получишь, название (перевод) говорит сам себя, это простой редактор в реальном времени, как Kompozer, MS Frontpage и так далее. Говоря, что это простой редактор, можно ошибиться, так как это скорее свойство редактора, позволяющее быстро формировать документ без использования специальных команд — тегов. Следовательно давно, до того, как я часами проводил у телевизора и играл в Денди, набор текста для публикаций и печати явно не создавался на Worde, а писался с помощью команд — форматировался. Как утверждает Википедия, то первый такой редактор появился в 1974 году и назывался Bravo.

TinyMCEWYSIWYG редактор HTML, созданный с помощью JavaScript и являющийся основным редактором для многих CMS, в том числе и WordPress. Он несет в себе хорошую функциональность — позволяет вставлять рисунки, видео, таблицы, форматировать текст. Пожалуй единственный его недостаток, который я заметил при работе на нем — загрузка и работа с таблицами, а так же выравнивание изображений (возможно это проблема с самим шаблоном). Особенно это показала загрузка таблицы из Word и LibreOffice Writer. Ну а в остальном, то редактор не вызывает нареканий и прекрасно справляется со своими функциями.

Бесплатный редактор для WordPress — CKEditor

Возможно многие захотят заменить стандартный редактор «Из коробки» на что-нибудь другое. Причин может быть много, но основное, для меня, желание узнать что-то новое. Пожалуй начну я с главного конкурента TinyMCE — CKEditor. Понравилось, что в нем много функций, а следовательно и много кнопок. Думаю стоит изучить их.

CKEditor WYSIWYG редактор для WOrdpress, замена TinyMCE

Начну с первого ряда — Источник (1) аналог HTML вкладке в TinyMCE, он так же показывает код в HTML виде. Сохранить (2) позволяет сохранить документ, Новая страница (3) создает страницу прямо в редакторе для нового документа. Предварительный просмотр (4) показывает документ в готовом виде, Печать (5) итак понятно — про это Orcinus писал целую статью. Шаблоны (6) очень удобная функция, содержащая готовые разметки для текста.

Шаблоны для текста в CKEditor

Далее идет стандартный блок для редактирования текста — Вырезать/Копировать (7), Вставить (8), Вставить только текст (9), Отменить/Повторить (10). Далее Найти (11) поиск слова или участка текста в документе, Заменить (12) заменяет найденные слова на другие по одиночке или полностью, Выделить все (13) и Проверка орфографии (14). Следующий блок больше относится к WEB, так как имеет элементы из данной области — Форма (15), Флаг (16), Радиокнопка (17), Текстовое и многострочное поля (18), Списки (19), Кнопки (20) и Скрытое поле (21).

Создание кнопки с помощью CKEditor

Ряд ниже схож с TinyMCE, поэтому опишу только новые функции. Примечательна здесь функция Создания блока (22) и вставка его в поле текста. Это будет удобно для выделения участка текста, который требует внимания.

Создание блока и стиля с помощью CKEditor

Ну а самый нижний ряд так же схож, но имеет в себе готовые Стили (23) для текста, Выбор шрифта (24), Размер (25). Этого не хватает в стандартном редакторе на WordPress, но оно и необязательно.

Установка CKEditor в WordPress с помощью плагина

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

Главная страница плагина CKEditor

На странице Основные настройки можно настроить редактор по своему вкусу — тему, цвет, вид панели. В расширенных настройках редактор настраивается полностью, но для этого потребуется много времени. Настройка загрузки — страница, позволяющая определить параметры загрузки файла с помощью CKEditor. Здесь указываются все расширения для файлов изображений, архивов и прочих. Так же на этой странице можно указать путь к загрузке файла на сайт, максимальный объем файла и прочие атрибуты.

Если вам понравился CKEditor, то можно смело ставить его себе на блог. Плагин можно в любое время отключить или удалить — на работу TinyMCE это никак не отразится. Ну а если просто есть желание проверить его для общего понимания, то можно поставить его на локальный сервер (XAMPP или его альтернативу), где предварительно установлен WordPress, или же зайти на официальный сайт и посмотреть демо.

Пожалуй с такой рекламой не только в бокс можно людей завлечь:

Комментариев: 11

  1. Orcinus Orca

    Молодец. Хорошая статья получилась. Мне CKEditor (FCKeditor) тоже нравится. Нон побольше и потормознее Тиньки будет.

  2. writer

    Да, он на малых скоростях (в частности 64кбит) долго грузит страницу редактирования, а TinyMCE довольно быстро….да и TinyMCE уже как то привычнее стал, хотя на локалке на Вордпрессе стоит CKEditor

  3. West Blogger

    не знаю, я как то привык к стандартному эдитору wp TinyMC, потребности устанавливать другой не ощущал никогда.

  4. writer

    West Blogger Тут дело привычки. Мне как то хотелось поставить CKE из-за его функционала…но подумав я решил оставить Tiny

  5. writer

    Виталий Возможно вы имели ввиду Live Writer. Штука удобная, но жаль, что подобное не создадут на Linux

  6. Евгений

    Live Writer конечно хорош, но вот я всегда дорабатываю непосредственно в админке. Выставить миниатюры, да еще и часовые пояса…. Всегда приходиться ждать пока статья выложиться.

  7. Valentina

    Я установила плагин CKEditor а кнопочки копировать и вставить почему-то не активные. И каждый раз мучаюсь когда нужно выделять , скопировать и вставлять. Подскажите может знаете какую-то фишку А так мне нравиться. Всегда можно менять шрифт, размер, цвет и т.д.

    1. writer

      Для этого придумали горячие клавиши Ctrl+C (копировать) Ctrl+V (вставить) Ctrl+X (вырезать) и еще много таких, все зависит еще и от ОС

  8. Илья

    Спасибо за статью. Не знал, что есть такой CKEditor, а тут прочел — установил и радуюсь. TinyMC у меня глючит при переключении в режим HTML: сбивается форматирование. Да и без переключения тоже сбивается. Этот протестил — вроде все нормально.

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

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

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