Страница 1 из 1

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

Добавлено: 2018.02.16, 11:20
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 проектах.

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

Добавлено: 2018.02.16, 20:25
Nex-Otaku
Отлично, давно ждал чего-нибудь подобного )

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

Название остроумное, респект! )

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

Добавлено: 2018.03.25, 22:51
andku83
Какой смысл в MIT лицензии для https://github.com/jodit/yii2-jodit, если то без чего оно не может работать бесплатно только для некоммерческих проектов?

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

Добавлено: 2018.03.26, 17:55
leroy
Добавил лицензию для Yii2 пользователей https://xdsoft.net/jodit/license.html, не MIT но GNU GPL2
Кроме того для любых Open Source проектов, также под этой лицензией.
Так нормально?

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

Добавлено: 2018.03.27, 01:46
ElisDN
GPL - не нормально.

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

Добавлено: 2018.04.05, 11:31
Nex-Otaku
В GPL нет ничего страшного, то что она как-то ограничивает это миф, распространённый теми, кто в неё плохо вчитывался.

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

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

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

Так что GPL - хуже MIT, конечно, но тоже норм )

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

Добавлено: 2018.06.03, 20:50
Йож
Странности с заливкой файлов.

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

<?= $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.

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

Добавлено: 2018.12.09, 10:58
diakin
Hi!
Хочу использовать редактор локально. А как сохранить отредактированный файл в HTML?

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

Добавлено: 2022.01.13, 10:34
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 запросы отрабатывают нормально, содержимое папок подгружается