Yii Framework

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

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

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

Попробуйте этот https://xdsoft.net/jodit/

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

someweb писал(а): ↑2018.05.23, 16:01 Попробуйте этот https://xdsoft.net/jodit/

А есть Exampl-ы как его использовать в php ?

Ну там же внизу странички ссылка на модуль 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

Вот какой то плагин для ckeditor, в нем в функционале заявляют центрирование картинок:
https://ckeditor.com/cke4/addon/image2

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

Спасибо , испытаю , отпишусь

someweb писал(а): ↑2018.05.23, 16:01 Попробуйте этот https://xdsoft.net/jodit/

Выглядит не плохо, тоже пощупаю)

maleks писал(а): ↑2018.05.24, 14:32 Вот какой то плагин для ckeditor, в нем в функционале заявляют центрирование картинок:
https://ckeditor.com/cke4/addon/image2

Центрирование ерунда. Я его починил. А вот чтобы Responsive был везде

someweb писал(а): ↑2018.05.23, 16:01 Попробуйте этот https://xdsoft.net/jodit/

Пока не нашёл в док-ции как задать стоковый класс Responsive. Так же как и в предыдущем виджете есть вкладка для ручного задания класса. Но люди вряд ли будут это делать)

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

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

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

.my-container img {
  max-width:100%;
  height:auto;
}

Есть событие, в примере как раз класс добавляется.
https://xdsoft.net/jodit/doc/events/afterInsertImage/

someweb писал(а): ↑2018.05.25, 09:22 Есть событие, в примере как раз класс добавляется.
https://xdsoft.net/jodit/doc/events/afterInsertImage/

Я вот лазил по документации и до событий не добрался ещё) Сейчас попробую. Только пока не понял куда это событие вешать.

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

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

 $('.jodit_container').on('afterInsertImage', function (image)
    {
        image.className = '123';
    });

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

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

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")

пробовал. Пойду гляну как шрифты добавить сюда. Ещё раз спасибо

Yii Framework

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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