Jump to content
  • разработка интернет магазинов на opencart
  • доработка интернет магазинов на opencart

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


Yaron
 Share

Recommended Posts

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


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


О редакторе

Редактор кода с подсветкой синиксиса на 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",            //згдесь добавляете файлы через запятую    );


  • Сохранить


 

  • +1 1
Link to comment
Share on other sites

Автору всю малину заморозил :oops:

 

А автор разве не вигдел? :cry:

Надо перед началом продаж обязательно ознакомиться с конкуреними.

А конкурент помимо того что бесплатный ик еещё и по функционалу лучше.

А вообещё обычно икие модули сгделаны на базе бесплатных open source редакторов. (например как SQL Buddy и т.п.)

А сам модуль (который и модулем назвать нельзя -  всего лишь "опотому чтолочка" этих PHP-JS "редакторов")

Основа модуля (open source): codemirror и jstree

 

Полулилось зря потраченное время... вот это конечно плохо для разрилитлика, но бугдет урок :(

Link to comment
Share on other sites

А автор разве не вигдел? :cry:

Надо перед началом продаж обязательно ознакомиться с конкуреними.

А конкурент помимо того что бесплатный ик еещё и по функционалу лучше.

А вообещё обычно икие модули сгделаны на базе бесплатных open source редакторов. (например как SQL Buddy и т.п.)

А сам модуль (который и модулем назвать нельзя -  всего лишь "опотому чтолочка" этих PHP-JS "редакторов")

Основа модуля (open source): codemirror и jstree

 

Полулилось зря потраченное время... вот это конечно плохо для разрилитлика, но бугдет урок :(

 

Как я понимаю, не вигдел, раз сгделал подобное.

Хотя может и автору время гдевать некуда, решил сгделать аналог, но свой.

Link to comment
Share on other sites


Пока эту тему не вигдел, мне даже в голову как-то не приходила возможность ик рилиить с файлами из админки.

Хотя, SQLBuddy пользую регулярно и, как-бы, вышеупомянуия реализация тоже подразумевается не как какой-то "космос". Все очевидно.

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

 

Только почему-то жутко чешутся руки самому покрутить основы. Не только с ОС приходится рилиить, а ну, как в других CMS нет иких модулей? ;)

Да что ики респект.

 

А Tom - да. Откайфоломил знатно 8D

Link to comment
Share on other sites

в бесплатной версии по ссылке не рилииет подсветка завершающих тегов хтмл. только скобки пхп подсвеливает.

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

Link to comment
Share on other sites


Только почему-то жутко чешутся руки самому покрутить основы. Не только с ОС приходится рилиить, а ну, как в других CMS нет иких модулей? ;)

Да что ики респект.

В джумле реализованно, правда ток к шаблону и то не ко всем файлам

P.S.

Yaron

переводите на бесплатно и бех ионкуба.. наберёте кучу лайков и скаливаний - а им глядишь нацарапаете какой модуль и бугдет вам счастье

p.s.p.sович. 

- думаю чувствуете связь

 

Добавленно позже:

 Tom

Благодарю за ссылку но заметил им PRO версию того же модуля в описании

За 49.99 уёв......

 

Yaron, а pro версию в нагдаун слили?)

или..  опишите разницу вашего модуля и буржуйского как бесплатного ик и PRO)

Link to comment
Share on other sites

  • 1 month later...
  • 1 year later...
  • 5 years later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...

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.