Jump to content

Редактор кода, файлов и папок с подсветкой синтаксиса (codemirror) на Ajax

Version number: 1.2
   (2 reviews)

4 Screenshots

About This File

О редакторе

Редактор кода с подсветкой синтаксиса на Ajax позволяет добавлять/редактировать/удалять файлы и папки прямо в вашей админке интернет магазина. Вы без труда сможете редактировать код php/js/html/css/txt/xml/sql/ini без использования редакторов в окне браузера. Теперь не нужно ставить дополнительное программное обеспечение на компьютер, настраивать ftp подключение, ждать загрузки. Теперь в любой точке планеты, где есть интернет и компьютер (или планшет) Вы сможете отредактировать код интернет-магазина.

Редактор совместим со всеми версиями ocstore 1.5.0-1.5.х

Преимущества редактора EditorCodeAjax

  1. Высокая скорость работы.
  2. Возможность редактирования кода из любой точки планеты, где есть интернет.
  3. Не нужно настраивать ftp доступ и устанавливать дополнительное ПО на компьютер
  4. В админ панели сайта вы можете делать абсолютно все с сайтом.
  5. Купив один раз такой редактор, вы сможете использовать его на всех своих сайтах на ocstore и opencart.
  6. Асинхронная загрузка
  7. Помощник кода помогает вам не забывать ставить скобки и находить нужные блоки
  8. Новые возможности, которые будут появляться у редактора, будут доставаться вам бесплатно.

Особенности редактора

  1. Редактор сам распознает загружаемый код и подсвечивает его в зависимости от расширений, таких как php/js/tpl/css.
  2. Редактор умеет добавлять закрывающие теги и подсвечивать их при клике
  3. Редактор умеет добавлять закрывающие скобки и подсвечивать их при клике
  4. Редактор понимает табуляцию и нумерует каждую строку для удобства
  5. Редактор имеет разграничение прав доступа на просмотр и редактирование.
  6. Редактор умеет делать с папками и файлами:

  • открывать
  • создавать
  • сохранять
  • загружать
  • вырезать
  • копировать
  • переименовывать

  1. Редактор понимает и распознает кодировку UTF-8 и win-1251
  2. Асинхронно выполняет все манипуляции без перезагрузки страницы с использованием Ajax
  3. Редактор совместим с версиями ocstore 1.5.x

Установка редактора

1.В архиве после скачивания будет находится 2 папки:

  • для версии ocstore 1.5.0-1.5.1.1
  • и для остальных версий, начиная от 1.5.1.3-1.5.х

В зависимости от вашей версии возьмите папку admin и загрузите её на ваш сервер. При запросе "заменить файлы" нажмите Да.

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

2. Зайдите в админ панель сайта в раздел Группы пользователей и установите флажок для чтения и редактирования для роли АДМИН.

Внимание: просмотр редактора давайте только ролям, которые являются админами, иначе вы откроете доступ к файлам config.php

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

А пока, чтобы попасть в редактор, перейдите по ссылке:

Ссылка, в которой текст выделе красным и есть путь к редактору. Остальные параметры зависят от вашего сайта.

Создание пункта меню в редактор:

Откройте любой редактор кода, будь то в админ панели или ваш другой.

1. Зайдите в файл: admin/controller/common/header.php

и найдите строку примерно под номером 104:

$this->data['text_zone'] = $this->language->get('text_zone');

После неё добавьте строку:

$this->data['text_editor'] = $this->language->get('text_editor');

Найдите строку

$this->data['zone'] = $this->url->link('localisation/zone', 'token=' . $this->session->data['token'], 'SSL');

После неё добавьте строку:

$this->data['editor'] = $this->url->link('tool/editor', 'token=' . $this->session->data['token'], 'SSL');

Сохраните файл.

2. Зайдите в файл: admin/language/russian/common/header.php

И после строки:

$_['text_zone']                        = 'Регионы';

Добавьте строку:

$_['text_editor']                   	= 'Редактор кода';

Сохраните файл.

Для английского языка повторите процедуру по пути admin/language/english/common/header.php если вам нужно

3. Зайдите в файл: admin/view/template/common/header.tpl

найдите код:

<ul class="right" style="display: none;">      <li id="store"><a href="<?php echo $store; ?>" target="_blank" class="top"><?php echo $text_front; ?></a>        <ul>          <?php foreach ($stores as $stores) { ?>          <li><a href="<?php echo $stores['href']; ?>" target="_blank"><?php echo $stores['name']; ?></a></li>          <?php } ?>        </ul>      </li>      <li><a class="top" href="<?php echo $logout; ?>"><?php echo $text_logout; ?></a></li>    </ul>

Замените его на:

<ul class="right" style="display: none;">      <li><a class="top" href="<?php echo $editor; ?>"><?php echo $text_editor; ?></a></li>          <li id="store"><a href="<?php echo $store; ?>" target="_blank" class="top"><?php echo $text_front; ?></a>        <ul>          <?php foreach ($stores as $stores) { ?>          <li><a href="<?php echo $stores['href']; ?>" target="_blank"><?php echo $stores['name']; ?></a></li>          <?php } ?>        </ul>      </li>      <li><a class="top" href="<?php echo $logout; ?>"><?php echo $text_logout; ?></a></li>    </ul>

Сохраните файл и обновите страницу в админке. Справа наверху появится пункт меню Редактор кода

Авторы: Yaron и Вова

Библиотеки: jstree и codemirror

Настройка стилей редактора

Все стили подсветки и размеров редактора расположены в файле: admin/view/javascript/jquery/codemirror/lib/codemirror.css

Поэтому подсветку вы можете настроить под себя

Скрытие файлов на чтение

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

Для этого необходимо:

  • Открыть файл редактора по пути: admin/controller/tool/editor.php
  • Добавить название файла после строки 6:
  • class ControllerToolEditor extends Controller {	//файлы, которым запрещен доступ на чтение    private $files = array(            "editor.php",            "editor.tpl",            //здесь добавляете файлы через запятую    );


  • Сохранить




  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.