WordPress плагин для удобного редактирования кода с админки

Нужен САЙТ? Заказуй у меня - Жми сюда! Нужен хостинг или домен? Жми сюда! Хочешь создать интернет-магазин? Жми сюда! (Shopify)

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

WordPress плагин для удобного редактирования кода

Advanced Code Editor - плагин для подсветки синтаксиса, при редактировании кода темы или плагина из админ панели. Поддерживает подсветку синтаксиса для PHP, HTML, CSS и JS, т.е. все что нам нужно :)

Установка WordPress плагина для удобного редактирования кода

Для этого переходим в раздел "Плагины" → "Добавить новый", в поиске вбиваем название: "Advanced Code Editor" и жмем Enter.
В результатах поиска находим наш плагин (скорее всего он будет первым как на картинке), жмем на кнопку установить, после установки активируем плагин.

Работа с WordPress плагином подсветки кода

После установки и активации плагина, перейдите в раздел "Редактор" и вас приятно удивит преображения кода.

view-code-editor

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

Основные возможности плагина Advanced Code Editor:

settings

  • Подсветка синтаксиса (PHP,HTML,JavaScript и CSS)
  • Умный поиск (строка или regex).
  • Поиск и Замена.
  • Полноэкранное редактирование (у меня в WordPress 4.0 в этом режиме мешало боковое меню).
  • 11 тем для подсветки синтаксиса.
  • Возможность возвращаться в истории правок назад и вперед (редактор запоминает все правки).
  • Автоподстановка с более чем 3500 WordPress функциями.
  • Протестирован и работает с IE8,9,10 FF3.6 и выше, chrome 8 и выше.
  • Ajax сохранение файла. (NEW)
  • Ajax создание нового файла. (NEW)
  • Ajax удаление файла. (NEW)
  • Ajax Создание директории. (NEW)
  • Переход к нужной строке с помощью сочетания клавиш Crtl + G. (NEW)
  • Отображение дерева файлов (NEW)
  • Кнопка скачать тему, которую редактируете.(NEW)
  • Кнопка скачать плагин, который редактируете.(NEW)
  • Кнопка скачать файл, который редактируете.(NEW)
  • Сворачивать блоки кода.(NEW)
  • Вкл/Выкл отображения дерева файлов.(NEW)
  • Закомментировать/раскомментировать строку.(NEW)
  • Автоформатирование кода.(NEW)
  • Встроенный контроль версий.(NEW)

На мой взгляд у этого плагина есть все что нужно для удобной работы с кодом, надеюсь и вам он станет полезным ;)

Напоследок небольшой видео обзор от автора плагина:

Нужен САЙТ? Заказуй у меня - Жми сюда! Нужен хостинг или домен? Жми сюда! Хочешь создать интернет-магазин? Жми сюда! (Shopify)

Делясь ссылкой на пост в социальных сетях - Вы помогаете развитию блога! Спасибо ;)

(5 голосов. Рейтинг: 4,60 из 5)
Loading...Loading...

Рубрика: Плагины

Комментарии (4)

| RSS комментария

  1. Геннадий:

    Великое спасибо автору за полезный материал размещенный на этом блоге. Очень грамотно и полезно!!!

  2. Геннадий:

    Дмитрий, подскажите, пожалуйста, а как просмотреть дерево файлов через этот плагин? Мне, например, надо удалить на сайте некоторые категории товаров из меню сайт-бара, их содержимое установлено с помощью плагина, который в свою очередь загружает виджет этих категорий? (Пробовал удалять через просмотр кода — бесполезно, через аналогичный вашему плагину — не раскрывает дерево). Спасибо.

  3. Кирилл:

    Не могу найти плагин для подсветки кода при написании страницы, т.е. для основного редактора в режиме ТЕКСТ. Спасибо

Оставьте свой комментарий