1 Тема от bigperson (2014-09-05 08:05:52 отредактировано bigperson)

  • bigperson
  • Прохожий
  • Неактивен
  • Зарегистрирован: 2014-03-20
  • Сообщений: 7
  • Репутация : [ 1 | 0 ]

Тема: RedactorJS от Imperavi

RedactorJS от Imperavi
Отличный WYSIWYG редактор

Собрал на скорую руку плагин.

К сожалению редактор платный, для использования с чистой душой приобретите лицензию, тут выкладываю для ознакомительных целей :-) http://imperavi.com/redactor/ (там же можно посмотреть демо)

Из приятного:

  • Работает загрузка картинок, все загруженные картинки записываются в json массив, можно удобно выбирать, по умолчанию картинки сжимаются до 750 px по ширине (превью 100х72), хранятся в public/uploads/img/

  • Работает загрузка файлов, хранятся public/uploads/files/

Все настройки хранятся в redactorjs.plugin.php, документация на официальном сайте http://imperavi.com/redactor/docs/

Изменить размер картинок можно в /plugins/redactorjs/redactorjs/plugins/uploads/image_upload.php

Для установки копируется в папку plugins, и инсталлируете в админке, предварительно удалив MarkItUp!

UPD: 05.09.2014
Обновил до последней версии:
- Исправил мелкие баги (большинство описано в этой теме);
- Добавил кнопку {cut}, используется иконка от Font Awesome, при желании можете изменить на любую свою, правится в cut.js;
- Обновил исходный код RedactorJS (источник https://github.com/yiiext/imperavi-redactor-widget);
- По умолчанию добавил настройки paragraphy: false, autoresize: false;
- Проверил на версии 3.0.1 багов не замечено.

Скачать: https://yadi.sk/d/DfrLfDVDb55qs

Поделиться

2 Ответ от RomanArt

  • RomanArt
  • RomanArt
  • Модератор
  • Неактивен
  • Откуда: Тайланд, Бангкок
  • Зарегистрирован: 2012-04-22
  • Сообщений: 430
  • Репутация : [ 41 | 1 ]

Re: RedactorJS от Imperavi

Спасибо!!! smile
потестим

(c) RomanArt
Создание дизайнов любой сложности для Monstra cms

Поделиться

3 Ответ от KANekT

  • KANekT
  • KANekT
  • MVC
  • Неактивен
  • Откуда: Брежнев
  • Зарегистрирован: 2012-10-26
  • Сообщений: 583
  • Репутация : [ 37 | 2 ]

Re: RedactorJS от Imperavi

а откуда исходники у Вас?

Site | GitHub | Создание форумов/решений на базе PunBB/Monstra/OGMA

Плагины распространяются по Creative Commons Attribution-NonCommercial 3.0

Сайт KANekT

Поделиться

4 Ответ от RomanArt

  • RomanArt
  • RomanArt
  • Модератор
  • Неактивен
  • Откуда: Тайланд, Бангкок
  • Зарегистрирован: 2012-04-22
  • Сообщений: 430
  • Репутация : [ 41 | 1 ]

Re: RedactorJS от Imperavi

в файле redactor.css
после 122 ой строки вставьте это:

  min-height: 200px;

а то редактор если пустой то он там буквально в высоту 20 пикселей, напрягает smile

(c) RomanArt
Создание дизайнов любой сложности для Monstra cms

Поделиться

5 Ответ от sergeyterr

  • sergeyterr
  • sergeyterr
  • Почетный активист
  • Неактивен
  • Откуда: Харьков
  • Зарегистрирован: 2012-10-12
  • Сообщений: 600
  • Репутация : [ 31 | 4 ]

Re: RedactorJS от Imperavi

Очень не удобно, что при большом количестве информации - уходит вверх панель управления

Поделиться

6 Ответ от RomanArt

  • RomanArt
  • RomanArt
  • Модератор
  • Неактивен
  • Откуда: Тайланд, Бангкок
  • Зарегистрирован: 2012-04-22
  • Сообщений: 430
  • Репутация : [ 41 | 1 ]

Re: RedactorJS от Imperavi

sergeyterr пишет:

Очень не удобно, что при большом количестве информации - уходит вверх панель управления

выложи скрин, пофиксим надеюсь smile

п\с очень понравился этот редактор

(c) RomanArt
Создание дизайнов любой сложности для Monstra cms

Поделиться

7 Ответ от sergeyterr

  • sergeyterr
  • sergeyterr
  • Почетный активист
  • Неактивен
  • Откуда: Харьков
  • Зарегистрирован: 2012-10-12
  • Сообщений: 600
  • Репутация : [ 31 | 4 ]

Re: RedactorJS от Imperavi


Поделиться

8 Ответ от RomanArt

  • RomanArt
  • RomanArt
  • Модератор
  • Неактивен
  • Откуда: Тайланд, Бангкок
  • Зарегистрирован: 2012-04-22
  • Сообщений: 430
  • Репутация : [ 41 | 1 ]

Re: RedactorJS от Imperavi

на хостинге возникла проблема с этим редактором, не отображается после переноса с локалки вообще не на каких страницах
в консоле пишет вот что:

TypeError: $(...).redactor is not a function index.php:22
<script>$(function(){$("#editor_area").redactor({lang: "ru",imageUpload: "/plugins/redactorjs/redactorjs/plugins/uploads/image_upload.php",   fileUpload: "/plugins/redactorjs/redactorjs/plugins/uploads/file_upload.php",imageGetJson: "/public/uploads/img/imageslist.json"});});</script>

матерится на строчку выше, есть идеи?

(c) RomanArt
Создание дизайнов любой сложности для Monstra cms

Поделиться

9 Ответ от RomanArt

  • RomanArt
  • RomanArt
  • Модератор
  • Неактивен
  • Откуда: Тайланд, Бангкок
  • Зарегистрирован: 2012-04-22
  • Сообщений: 430
  • Репутация : [ 41 | 1 ]

Re: RedactorJS от Imperavi

пфффф нашел решение.... у кого такая же проблема  в файле
redactorjs.plugin.php сменить это:

<!-- RedactorJs! 9.2 -->
<script type="text/javascript" src="'.Option::get('siteurl').'plugins/RedactorJs/RedactorJs/redactor.min.js"></script>
<!-- RedactorJs! langs -->
<script type="text/javascript" src="'.Option::get('siteurl').'plugins/RedactorJs/RedactorJs/lang/ru.js"></script>
<!-- RedactorJs! skin -->
<link rel="stylesheet" type="text/css" href="'.Option::get('siteurl').'plugins/RedactorJs/RedactorJs/redactor.css" />

на вот это:

<!-- RedactorJs! 9.2 -->
<script type="text/javascript" src="'.Option::get('siteurl').'plugins/redactorjs/redactorjs/redactor.min.js"></script>
<!-- RedactorJs! langs -->
<script type="text/javascript" src="'.Option::get('siteurl').'plugins/redactorjs/redactorjs/lang/ru.js"></script>
<!-- RedactorJs! skin -->
<link rel="stylesheet" type="text/css" href="'.Option::get('siteurl').'plugins/redactorjs/redactorjs/redactor.css" />

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

Options -Indexes
Allow from all

в папке plugins/redactorjs/redactorjs/

(c) RomanArt
Создание дизайнов любой сложности для Monstra cms

Поделиться

10 Ответ от omship

  • omship
  • omship
  • Прохожий
  • Неактивен
  • Зарегистрирован: 2014-05-04
  • Сообщений: 3
  • Репутация : [ 1 | 0 ]

Re: RedactorJS от Imperavi

sergeyterr пишет:

Очень не удобно, что при большом количестве информации - уходит вверх панель управления

можно в файле redactorjs.plugin.php подключить плагин редактора fullscreen:

<script type="text/javascript" src="'.Option::get('siteurl').'plugins/RedactorJs/RedactorJs/plugins/fullscreen/fullscreen.js"></script>

и в самом скрипте редактора ниже строчки 

 echo ('<script>$(function(){$("#editor_area").redactor({

добавить 

plugins: ["fullscreen"],
+ sergeyterr

Поделиться

11 Ответ от bigperson

  • bigperson
  • Прохожий
  • Неактивен
  • Зарегистрирован: 2014-03-20
  • Сообщений: 7
  • Репутация : [ 1 | 0 ]

Re: RedactorJS от Imperavi

А никто не подскажет как можно убрать самопроизвольно вставляющиеся <p></p> везде где не поподя? не удобно когда тебе нужно вставить именно html код, который после сохранения берет и дополняется тегами, которые совершенно не нужны

Поделиться

12 Ответ от ravilr

  • ravilr
  • ravilr
  • Участник
  • Неактивен
  • Зарегистрирован: 2012-05-14
  • Сообщений: 178
  • Репутация : [ 19 | 0 ]

Re: RedactorJS от Imperavi

по аналогии в выше указанном сообщении, необходимо добавить paragraphy: false
в теории должно помочь.

Поделиться

13 Ответ от omship

  • omship
  • omship
  • Прохожий
  • Неактивен
  • Зарегистрирован: 2014-05-04
  • Сообщений: 3
  • Репутация : [ 1 | 0 ]

Re: RedactorJS от Imperavi

Если нужно в панель редактора добавить новую кнопку, например cut для статей, то в папке plugins создаем папку cut, кидаем туда скрипт cut.js  со содержимым: 

if (!RedactorPlugins) var RedactorPlugins = {};
RedactorPlugins.cut = {
    init: function ()
    {
        this.buttonAdd('cut', 'Подробнее..', this.testButton);
    },
        testButton: function(buttonName, buttonDOM, buttonObj, e)
    {
        this.insertHtml('{cut}');
   }
 };

еще 2 картинки для кнопки панели: cut-hover.png и cut.png (нарисуйте в фотошопе), далее прописываем в файле redactorjs.plugin.php путь к скрипту 

<!-- RedactorJs! plugins -->
              <script type="text/javascript" src="'.Option::get('siteurl').'plugins/redactorJs/redactorJs/plugins/cut/cut.js"></script>

и там-же добавляем после 

 echo ('<script>$(function(){$("#editor_area").redactor({

это

plugins: ["cut"],

теперь осталось прописать в файле redactor.css путь к картинкам кнопки 

.redactor_toolbar li a.re-cut {
    background-image: url(../../../../plugins/redactorJs/redactorJs/plugins/cut/ru.forum_subdomain/cut.png);
}
.redactor_toolbar li a.re-cut:hover {
    background-image: url(../../../../plugins/redactorJs/redactorJs/plugins/cut/ru.forum_subdomain/cut-hover.png);
}

Поделиться

14 Ответ от Damascus

  • Damascus
  • Прохожий
  • Неактивен
  • Зарегистрирован: 2014-08-02
  • Сообщений: 7
  • Репутация : [ 0 | 0 ]

Re: RedactorJS от Imperavi

В версии 3.0 не работает? У меня не получилось.

Поделиться

15 Ответ от bigperson

  • bigperson
  • Прохожий
  • Неактивен
  • Зарегистрирован: 2014-03-20
  • Сообщений: 7
  • Репутация : [ 1 | 0 ]

Re: RedactorJS от Imperavi

UPD: 05.09.2014
Обновил до последней версии:
- Исправил мелкие баги (большинство описано в этой теме);
- Добавил кнопку {cut}, используется иконка от Font Awesome, при желании можете изменить на любую свою, правится в cut.js;
- Обновил исходный код RedactorJS (источник https://github.com/yiiext/imperavi-redactor-widget);
- По умолчанию добавил настройки paragraphy: false, autoresize: false;
- Проверил на версии 3.0.1 багов не замечено.

Скачать: https://yadi.sk/d/DfrLfDVDb55qs

+ Hmelex

Поделиться