Подскажите аналог CkEditor с нормальной загрузкой изображений

Общие вопросы по использованию второй версии фреймворка. Если не знаете как что-то сделать и это про Yii 2, вам сюда.
Ответить
dunakov
Сообщения: 65
Зарегистрирован: 2018.02.19, 09:19
Откуда: Беларусь

Подскажите аналог CkEditor с нормальной загрузкой изображений

Сообщение dunakov »

Я для проекта пробовал использовать CKEditor+Elfinder и столкнулся с тем чтов самом редакторе изображение загрузить можно, но центрирования нет, а только выравнивание left right. Руками при загрузке дописываю изображениями 2 класса Responsive + block-center.
А мне проект людям отдавать и они вот так руками дописывать классы не будут) Поэтому хочу задать чтобы в стоке по умолчанию у каждой картинки были эти 2 класса.

Копал я JS библиотеку CKEditor. Она ещё в минифицированном формате. Сделали деминификацию (23 тысяч строк) но так и не нашёл то что мне нужно.

Может кто-то знает хороший аналог, где лучше реализована работа с изображениями?
Изучаю веб-программирование, не ругайтесь сильно)

someweb
Сообщения: 552
Зарегистрирован: 2017.03.09, 10:12

Re: Подскажите аналог CkEditor с нормальной загрузкой изображений

Сообщение someweb »

Попробуйте этот https://xdsoft.net/jodit/
Чтобы правильно задать вопрос, нужно знать бо́льшую часть ответа. Роберт Шекли.

Аватара пользователя
rodion_zlobin
Сообщения: 207
Зарегистрирован: 2017.01.11, 16:33

Re: Подскажите аналог CkEditor с нормальной загрузкой изображений

Сообщение rodion_zlobin »

а здесь есть загрузка изображений то?

dunakov
Сообщения: 65
Зарегистрирован: 2018.02.19, 09:19
Откуда: Беларусь

Re: Подскажите аналог CkEditor с нормальной загрузкой изображений

Сообщение dunakov »

someweb писал(а):
2018.05.23, 16:01
Попробуйте этот https://xdsoft.net/jodit/
А есть Exampl-ы как его использовать в php ?
Изучаю веб-программирование, не ругайтесь сильно)

someweb
Сообщения: 552
Зарегистрирован: 2017.03.09, 10:12

Re: Подскажите аналог CkEditor с нормальной загрузкой изображений

Сообщение someweb »

Ну там же внизу странички ссылка на модуль yii2.
https://xdsoft.net/jodit/examples/inter ... jodit.html
Добавляете в config/web.php

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

'modules' => [
'jodit' => [
'class' => 'yii2jodit\JoditModule',
'extensions'=>['jpg','png','gif'],
'root'=> '@webroot/uploads/',
'baseurl'=> '@web/uploads/',
'maxFileSize'=> '20mb',
'defaultPermission'=> 0775,
],
],
И вызываете widget без параметров, что бы были все кнопки

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

       <?= $form->field($model, 'body')->widget(\yii2jodit\JoditWidget::class, [
        ])->label(false) ?>
https://yiiframework.ru/forum/viewtopic.php?f=9&t=46633
Чтобы правильно задать вопрос, нужно знать бо́льшую часть ответа. Роберт Шекли.

Аватара пользователя
maleks
Сообщения: 1861
Зарегистрирован: 2012.12.26, 12:56

Re: Подскажите аналог CkEditor с нормальной загрузкой изображений

Сообщение maleks »

Вот какой то плагин для ckeditor, в нем в функционале заявляют центрирование картинок:
https://ckeditor.com/cke4/addon/image2
Yii2 universal module sceleton - for basic and advanced templates

dunakov
Сообщения: 65
Зарегистрирован: 2018.02.19, 09:19
Откуда: Беларусь

Re: Подскажите аналог CkEditor с нормальной загрузкой изображений

Сообщение dunakov »

someweb писал(а):
2018.05.24, 10:33
Ну там же внизу странички ссылка на модуль yii2.
https://xdsoft.net/jodit/examples/inter ... jodit.html
Добавляете в config/web.php

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

'modules' => [
'jodit' => [
'class' => 'yii2jodit\JoditModule',
'extensions'=>['jpg','png','gif'],
'root'=> '@webroot/uploads/',
'baseurl'=> '@web/uploads/',
'maxFileSize'=> '20mb',
'defaultPermission'=> 0775,
],
],
И вызываете widget без параметров, что бы были все кнопки

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

       <?= $form->field($model, 'body')->widget(\yii2jodit\JoditWidget::class, [
        ])->label(false) ?>
https://yiiframework.ru/forum/viewtopic.php?f=9&t=46633

Спасибо , испытаю , отпишусь
Изучаю веб-программирование, не ругайтесь сильно)

Аватара пользователя
Dominus
Сообщения: 840
Зарегистрирован: 2013.03.14, 21:27
Откуда: Россия, Иваново
Контактная информация:

Re: Подскажите аналог CkEditor с нормальной загрузкой изображений

Сообщение Dominus »

someweb писал(а):
2018.05.23, 16:01
Попробуйте этот https://xdsoft.net/jodit/
Выглядит не плохо, тоже пощупаю)
Не спорь с дураком, иначе окружающие не правильно поймут кто из вас дурак!

dunakov
Сообщения: 65
Зарегистрирован: 2018.02.19, 09:19
Откуда: Беларусь

Re: Подскажите аналог CkEditor с нормальной загрузкой изображений

Сообщение dunakov »

maleks писал(а):
2018.05.24, 14:32
Вот какой то плагин для ckeditor, в нем в функционале заявляют центрирование картинок:
https://ckeditor.com/cke4/addon/image2
Центрирование ерунда. Я его починил. А вот чтобы Responsive был везде
Изучаю веб-программирование, не ругайтесь сильно)

dunakov
Сообщения: 65
Зарегистрирован: 2018.02.19, 09:19
Откуда: Беларусь

Re: Подскажите аналог CkEditor с нормальной загрузкой изображений

Сообщение dunakov »

someweb писал(а):
2018.05.23, 16:01
Попробуйте этот https://xdsoft.net/jodit/
Пока не нашёл в док-ции как задать стоковый класс Responsive. Так же как и в предыдущем виджете есть вкладка для ручного задания класса. Но люди вряд ли будут это делать)

А так довольно интересный виджет. В него бы только шрифтов побольше добавить и вопрос с дефолт классом решить. Полезу ка я на форум этого чуда
Изучаю веб-программирование, не ругайтесь сильно)

someweb
Сообщения: 552
Зарегистрирован: 2017.03.09, 10:12

Re: Подскажите аналог CkEditor с нормальной загрузкой изображений

Сообщение someweb »

Автору задайте вопрос https://yiiframework.ru/forum/viewtopic.php?f=9&t=46633
Если надо для всех изображений, то можно в лоб через css:
Добавить класс при выводе и в css

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

.my-container img {
  max-width:100%;
  height:auto;
}
Чтобы правильно задать вопрос, нужно знать бо́льшую часть ответа. Роберт Шекли.

someweb
Сообщения: 552
Зарегистрирован: 2017.03.09, 10:12

Re: Подскажите аналог CkEditor с нормальной загрузкой изображений

Сообщение someweb »

Есть событие, в примере как раз класс добавляется.
https://xdsoft.net/jodit/doc/events/afterInsertImage/
Чтобы правильно задать вопрос, нужно знать бо́льшую часть ответа. Роберт Шекли.

dunakov
Сообщения: 65
Зарегистрирован: 2018.02.19, 09:19
Откуда: Беларусь

Re: Подскажите аналог CkEditor с нормальной загрузкой изображений

Сообщение dunakov »

someweb писал(а):
2018.05.25, 09:22
Есть событие, в примере как раз класс добавляется.
https://xdsoft.net/jodit/doc/events/afterInsertImage/
Я вот лазил по документации и до событий не добрался ещё) Сейчас попробую. Только пока не понял куда это событие вешать.
Изучаю веб-программирование, не ругайтесь сильно)

dunakov
Сообщения: 65
Зарегистрирован: 2018.02.19, 09:19
Откуда: Беларусь

Re: Подскажите аналог CkEditor с нормальной загрузкой изображений

Сообщение dunakov »

Просто смотрю по верстке и у редактора нет своего id. Только классы. Пробовал вешать на класс - не получается пока

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

 $('.jodit_container').on('afterInsertImage', function (image)
    {
        image.className = '123';
    });
Изучаю веб-программирование, не ругайтесь сильно)

someweb
Сообщения: 552
Зарегистрирован: 2017.03.09, 10:12

Re: Подскажите аналог CkEditor с нормальной загрузкой изображений

Сообщение someweb »

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

        <?= $form->field($model, 'body')->widget(\yii2jodit\JoditWidget::class, [
        ])->label(false) ?>
        <?php $this->registerJs(<<<JS
            editor.events.on('afterInsertImage', function (image) {
            image.className = 'img-responsive';});
JS
        )?>
Чтобы правильно задать вопрос, нужно знать бо́льшую часть ответа. Роберт Шекли.

dunakov
Сообщения: 65
Зарегистрирован: 2018.02.19, 09:19
Откуда: Беларусь

Re: Подскажите аналог CkEditor с нормальной загрузкой изображений

Сообщение dunakov »

someweb писал(а):
2018.05.25, 10:25

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

        <?= $form->field($model, 'body')->widget(\yii2jodit\JoditWidget::class, [
        ])->label(false) ?>
        <?php $this->registerJs(<<<JS
            editor.events.on('afterInsertImage', function (image) {
            image.className = 'img-responsive';});
JS
        )?>

Хм, работает. Большое спасибо. А я уже копал саму библиотеку и через

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

s.setAttribute("class", "img-responsive")
пробовал. Пойду гляну как шрифты добавить сюда. Ещё раз спасибо
Изучаю веб-программирование, не ругайтесь сильно)

Ответить