Jodit WYSIWYG редактор и файлбраузер - yii2-jodit

Выкладываем свои наработки
Ответить
leroy
Сообщения: 4
Зарегистрирован: 2018.02.16, 10:49

Jodit WYSIWYG редактор и файлбраузер - yii2-jodit

Сообщение leroy »

Всем привет. Уже два года пишу редактор https://xdsoft.net/jodit/ и вот наконец появилась стабильная версия.

Редактор прост в настройке и очень функционален. Есть даже редактор изображений встроенный. Плюс удобный файлбраузер.

Настало время добавлять интеграции и в первую очередь сделал интеграцию с Yii2 https://xdsoft.net/jodit/examples/inter ... jodit.html

Вот github https://github.com/jodit/yii2-jodit

Это модуль и 2 виджета: сам редактор и пикер ищображений.

Код: Выделить всё

composer require --prefer-dist jodit/yii2-jodit
затем добавлете модуль в конфиг

Код: Выделить всё

'modules' => [
'jodit' => 'yii2jodit\JoditModule',
],
И в шаблонах можно подключать виджеты

Код: Выделить всё

echo $form->field($model, 'content')->widget(\yii2jodit\JoditWidget::className(), [
    'settings' => [
        'buttons'=>[
            'bold', 'italic', 'underline', '|', 'ul', 'ol', '|', 'image', '|', 'hr',
        ],
    ],
]);;
Все основные настройки можно набрать в тут https://xdsoft.net/jodit/play.html

Виджет IconPicker

Код: Выделить всё

echo $form->field($model, 'icon')->widget(\yii2jodit\JoditIconPickerWidget::className(), [
    "path" => 'wp-content/plugins/exchangers-monitor/images/systemlogo'
]);
выглядит так
Изображение

Сам редактор это npm пакет и обнвляется практически каждый день.

yii2-jodit распростроняется по лицензии MIT и абсолютно бесплатен, так как лицензия Jodit позволяет использовать редактор бесплатно в Open Source проектах.
Nex-Otaku
Сообщения: 831
Зарегистрирован: 2016.07.09, 21:07

Re: Jodit WYSIWYG редактор и файлбраузер - yii2-jodit

Сообщение Nex-Otaku »

Отлично, давно ждал чего-нибудь подобного )

Как раз планирую скоро (ну в ближайшие месяцы) начать несколько проектов, опробую Ёдит.

Название остроумное, респект! )
andku83
Сообщения: 988
Зарегистрирован: 2016.07.01, 10:24
Откуда: Харьков

Re: Jodit WYSIWYG редактор и файлбраузер - yii2-jodit

Сообщение andku83 »

Какой смысл в MIT лицензии для https://github.com/jodit/yii2-jodit, если то без чего оно не может работать бесплатно только для некоммерческих проектов?
leroy
Сообщения: 4
Зарегистрирован: 2018.02.16, 10:49

Re: Jodit WYSIWYG редактор и файлбраузер - yii2-jodit

Сообщение leroy »

Добавил лицензию для Yii2 пользователей https://xdsoft.net/jodit/license.html, не MIT но GNU GPL2
Кроме того для любых Open Source проектов, также под этой лицензией.
Так нормально?
Аватара пользователя
ElisDN
Сообщения: 5845
Зарегистрирован: 2012.10.07, 10:24
Контактная информация:

Re: Jodit WYSIWYG редактор и файлбраузер - yii2-jodit

Сообщение ElisDN »

GPL - не нормально.
Nex-Otaku
Сообщения: 831
Зарегистрирован: 2016.07.09, 21:07

Re: Jodit WYSIWYG редактор и файлбраузер - yii2-jodit

Сообщение Nex-Otaku »

В GPL нет ничего страшного, то что она как-то ограничивает это миф, распространённый теми, кто в неё плохо вчитывался.

Вкратце, там есть требование к публикации исходного кода, если используешь в своём проекте код по лицензии GPL.

И многие думают, что тогда и сам код всего проекта обязан быть открытым. Или даже сам проект обязан быть GPL, если используется часть кода под GPL. Или что коммерческое использование запрещено. Но всё это не так.

Публиковать исходники обязательно только той самой библиотеки, которая под GPL, и только в том случае, если меняешь её код. Коммерческое использование не запрещается.

Так что GPL - хуже MIT, конечно, но тоже норм )
Аватара пользователя
Йож
Сообщения: 574
Зарегистрирован: 2015.08.26, 03:05

Re: Jodit WYSIWYG редактор и файлбраузер - yii2-jodit

Сообщение Йож »

Странности с заливкой файлов.

Код: Выделить всё

<?= $form->field($model, 'body')->widget(\yii2jodit\JoditWidget::class, [
        'settings' => [
            'uploader' => [
                'url' => Yii::$app->urlManager->createUrl(['/file/storage/upload-jodit']),
            ],
        ],
    ]); ?>
Скрипт заливки удачно получает файлы и обрабатывает их. Из скрипта приходит вот такой JSON (все согласно документации):

Код: Выделить всё

{"baseurl":"http://site.com/storage/source/","messages":["ok1","ok2"],"files":["1/GgMMncZp9Qh_CWcA5LdwEFCkgl1n-H-Z.jpg","1/dx_6dS02DVMs0b9Be10J8v6Qf64L1HWT.jpg"],"isImages":[true,true]}
Но изображения не вставляются и еще внизу редактора вот такое: Cannot read property 'messages' of undefined

Версия: Jodit 3.
diakin
Сообщения: 1
Зарегистрирован: 2018.12.09, 10:41

Re: Jodit WYSIWYG редактор и файлбраузер - yii2-jodit

Сообщение diakin »

Hi!
Хочу использовать редактор локально. А как сохранить отредактированный файл в HTML?
marsden
Сообщения: 23
Зарегистрирован: 2019.11.25, 09:28

Re: Jodit WYSIWYG редактор и файлбраузер - yii2-jodit

Сообщение marsden »

Клевая штука. Но вот не выходит цветок каменный. А именно - при нажатии на icon picker и выборе "Сервер" открывается как бы просмотр папок и файлов, но ничего не показывает. Потому что https://disk.yandex.ru/i/bI4iVq2ovdpMHw и в консоль сыпет соответственно
jodit.min.js:1 Uncaught TypeError: Cannot read properties of undefined (reading 'includes')
at XMLHttpRequest.j.async.promise.t.onreadystatechange (jodit.min.js:1:184646)
j.async.promise.t.onreadystatechange @ jodit.min.js:1
jodit.min.js:1 Uncaught TypeError: Cannot read properties of undefined (reading 'includes')
at XMLHttpRequest.j.async.promise.t.onreadystatechange (jodit.min.js:1:184646)
j.async.promise.t.onreadystatechange @ jodit.min.js:1
jodit.min.js:1 Uncaught TypeError: Cannot read properties of undefined (reading 'includes')
at XMLHttpRequest.j.async.promise.t.onreadystatechange (jodit.min.js:1:184646)
j.async.promise.t.onreadystatechange @ jodit.min.js:1
jodit.min.js:1 Uncaught TypeError: l.sources.forEach is not a function
at jodit.min.js:1:245504
at c (jodit.min.js:1:180292)
at jodit.min.js:1:180675
как это победить и заставить его работать? AJAX запросы отрабатывают нормально, содержимое папок подгружается
бездумный копипаст приводит к безумным результатам
Ответить