Страница 1 из 1
Подскажите аналог CkEditor с нормальной загрузкой изображений
Добавлено: 2018.05.23, 15:11
dunakov
Я для проекта пробовал использовать CKEditor+Elfinder и столкнулся с тем чтов самом редакторе изображение загрузить можно, но центрирования нет, а только выравнивание left right. Руками при загрузке дописываю изображениями 2 класса Responsive + block-center.
А мне проект людям отдавать и они вот так руками дописывать классы не будут) Поэтому хочу задать чтобы в стоке по умолчанию у каждой картинки были эти 2 класса.
Копал я JS библиотеку CKEditor. Она ещё в минифицированном формате. Сделали деминификацию (23 тысяч строк) но так и не нашёл то что мне нужно.
Может кто-то знает хороший аналог, где лучше реализована работа с изображениями?
Re: Подскажите аналог CkEditor с нормальной загрузкой изображений
Добавлено: 2018.05.23, 16:01
someweb
Re: Подскажите аналог CkEditor с нормальной загрузкой изображений
Добавлено: 2018.05.23, 16:35
rodion_zlobin
а здесь есть загрузка изображений то?
Re: Подскажите аналог CkEditor с нормальной загрузкой изображений
Добавлено: 2018.05.24, 10:23
dunakov
А есть Exampl-ы как его использовать в php ?
Re: Подскажите аналог CkEditor с нормальной загрузкой изображений
Добавлено: 2018.05.24, 10:33
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
Re: Подскажите аналог CkEditor с нормальной загрузкой изображений
Добавлено: 2018.05.24, 14:32
maleks
Вот какой то плагин для ckeditor, в нем в функционале заявляют центрирование картинок:
https://ckeditor.com/cke4/addon/image2
Re: Подскажите аналог CkEditor с нормальной загрузкой изображений
Добавлено: 2018.05.24, 15:14
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
Спасибо , испытаю , отпишусь
Re: Подскажите аналог CkEditor с нормальной загрузкой изображений
Добавлено: 2018.05.25, 00:59
Dominus
Выглядит не плохо, тоже пощупаю)
Re: Подскажите аналог CkEditor с нормальной загрузкой изображений
Добавлено: 2018.05.25, 08:39
dunakov
Центрирование ерунда. Я его починил. А вот чтобы Responsive был везде
Re: Подскажите аналог CkEditor с нормальной загрузкой изображений
Добавлено: 2018.05.25, 08:40
dunakov
Пока не нашёл в док-ции как задать стоковый класс Responsive. Так же как и в предыдущем виджете есть вкладка для ручного задания класса. Но люди вряд ли будут это делать)
А так довольно интересный виджет. В него бы только шрифтов побольше добавить и вопрос с дефолт классом решить. Полезу ка я на форум этого чуда
Re: Подскажите аналог CkEditor с нормальной загрузкой изображений
Добавлено: 2018.05.25, 09:17
someweb
Автору задайте вопрос
https://yiiframework.ru/forum/viewtopic.php?f=9&t=46633
Если надо для всех изображений, то можно в лоб через css:
Добавить класс при выводе и в css
Код: Выделить всё
.my-container img {
max-width:100%;
height:auto;
}
Re: Подскажите аналог CkEditor с нормальной загрузкой изображений
Добавлено: 2018.05.25, 09:22
someweb
Re: Подскажите аналог CkEditor с нормальной загрузкой изображений
Добавлено: 2018.05.25, 09:46
dunakov
Я вот лазил по документации и до событий не добрался ещё) Сейчас попробую. Только пока не понял куда это событие вешать.
Re: Подскажите аналог CkEditor с нормальной загрузкой изображений
Добавлено: 2018.05.25, 10:12
dunakov
Просто смотрю по верстке и у редактора нет своего id. Только классы. Пробовал вешать на класс - не получается пока
Код: Выделить всё
$('.jodit_container').on('afterInsertImage', function (image)
{
image.className = '123';
});
Re: Подскажите аналог CkEditor с нормальной загрузкой изображений
Добавлено: 2018.05.25, 10:25
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
)?>
Re: Подскажите аналог CkEditor с нормальной загрузкой изображений
Добавлено: 2018.05.25, 10:44
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
)?>
Хм, работает. Большое спасибо. А я уже копал саму библиотеку и через
пробовал. Пойду гляну как шрифты добавить сюда. Ещё раз спасибо