Подскажите аналог CkEditor с нормальной загрузкой изображений
Подскажите аналог CkEditor с нормальной загрузкой изображений
Я для проекта пробовал использовать CKEditor+Elfinder и столкнулся с тем чтов самом редакторе изображение загрузить можно, но центрирования нет, а только выравнивание left right. Руками при загрузке дописываю изображениями 2 класса Responsive + block-center.
А мне проект людям отдавать и они вот так руками дописывать классы не будут) Поэтому хочу задать чтобы в стоке по умолчанию у каждой картинки были эти 2 класса.
Копал я JS библиотеку CKEditor. Она ещё в минифицированном формате. Сделали деминификацию (23 тысяч строк) но так и не нашёл то что мне нужно.
Может кто-то знает хороший аналог, где лучше реализована работа с изображениями?
А мне проект людям отдавать и они вот так руками дописывать классы не будут) Поэтому хочу задать чтобы в стоке по умолчанию у каждой картинки были эти 2 класса.
Копал я JS библиотеку CKEditor. Она ещё в минифицированном формате. Сделали деминификацию (23 тысяч строк) но так и не нашёл то что мне нужно.
Может кто-то знает хороший аналог, где лучше реализована работа с изображениями?
Изучаю веб-программирование, не ругайтесь сильно)
Re: Подскажите аналог CkEditor с нормальной загрузкой изображений
Попробуйте этот https://xdsoft.net/jodit/
Чтобы правильно задать вопрос, нужно знать бо́льшую часть ответа. Роберт Шекли.
- rodion_zlobin
- Сообщения: 207
- Зарегистрирован: 2017.01.11, 16:33
Re: Подскажите аналог CkEditor с нормальной загрузкой изображений
а здесь есть загрузка изображений то?
Re: Подскажите аналог CkEditor с нормальной загрузкой изображений
А есть Exampl-ы как его использовать в php ?
Изучаю веб-программирование, не ругайтесь сильно)
Re: Подскажите аналог CkEditor с нормальной загрузкой изображений
Ну там же внизу странички ссылка на модуль yii2.
https://xdsoft.net/jodit/examples/inter ... jodit.html
Добавляете в config/web.php
И вызываете widget без параметров, что бы были все кнопки
https://yiiframework.ru/forum/viewtopic.php?f=9&t=46633
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,
],
],
Код: Выделить всё
<?= $form->field($model, 'body')->widget(\yii2jodit\JoditWidget::class, [
])->label(false) ?>
Чтобы правильно задать вопрос, нужно знать бо́льшую часть ответа. Роберт Шекли.
Re: Подскажите аналог CkEditor с нормальной загрузкой изображений
Вот какой то плагин для ckeditor, в нем в функционале заявляют центрирование картинок:
https://ckeditor.com/cke4/addon/image2
https://ckeditor.com/cke4/addon/image2
Re: Подскажите аналог CkEditor с нормальной загрузкой изображений
someweb писал(а): ↑2018.05.24, 10:33 Ну там же внизу странички ссылка на модуль yii2.
https://xdsoft.net/jodit/examples/inter ... jodit.html
Добавляете в config/web.phpИ вызываете widget без параметров, что бы были все кнопкиКод: Выделить всё
'modules' => [ 'jodit' => [ 'class' => 'yii2jodit\JoditModule', 'extensions'=>['jpg','png','gif'], 'root'=> '@webroot/uploads/', 'baseurl'=> '@web/uploads/', 'maxFileSize'=> '20mb', 'defaultPermission'=> 0775, ], ],
https://yiiframework.ru/forum/viewtopic.php?f=9&t=46633Код: Выделить всё
<?= $form->field($model, 'body')->widget(\yii2jodit\JoditWidget::class, [ ])->label(false) ?>
Спасибо , испытаю , отпишусь
Изучаю веб-программирование, не ругайтесь сильно)
- Dominus
- Сообщения: 892
- Зарегистрирован: 2013.03.14, 21:27
- Откуда: Россия, Иваново
- Контактная информация:
Re: Подскажите аналог CkEditor с нормальной загрузкой изображений
Выглядит не плохо, тоже пощупаю)
Не спорь с дураком, иначе окружающие не правильно поймут кто из вас дурак!
Re: Подскажите аналог CkEditor с нормальной загрузкой изображений
Центрирование ерунда. Я его починил. А вот чтобы Responsive был вездеmaleks писал(а): ↑2018.05.24, 14:32 Вот какой то плагин для ckeditor, в нем в функционале заявляют центрирование картинок:
https://ckeditor.com/cke4/addon/image2
Изучаю веб-программирование, не ругайтесь сильно)
Re: Подскажите аналог CkEditor с нормальной загрузкой изображений
Пока не нашёл в док-ции как задать стоковый класс Responsive. Так же как и в предыдущем виджете есть вкладка для ручного задания класса. Но люди вряд ли будут это делать)
А так довольно интересный виджет. В него бы только шрифтов побольше добавить и вопрос с дефолт классом решить. Полезу ка я на форум этого чуда
Изучаю веб-программирование, не ругайтесь сильно)
Re: Подскажите аналог CkEditor с нормальной загрузкой изображений
Автору задайте вопрос https://yiiframework.ru/forum/viewtopic.php?f=9&t=46633
Если надо для всех изображений, то можно в лоб через css:
Добавить класс при выводе и в css
Если надо для всех изображений, то можно в лоб через css:
Добавить класс при выводе и в css
Код: Выделить всё
.my-container img {
max-width:100%;
height:auto;
}
Чтобы правильно задать вопрос, нужно знать бо́льшую часть ответа. Роберт Шекли.
Re: Подскажите аналог CkEditor с нормальной загрузкой изображений
Есть событие, в примере как раз класс добавляется.
https://xdsoft.net/jodit/doc/events/afterInsertImage/
https://xdsoft.net/jodit/doc/events/afterInsertImage/
Чтобы правильно задать вопрос, нужно знать бо́льшую часть ответа. Роберт Шекли.
Re: Подскажите аналог CkEditor с нормальной загрузкой изображений
Я вот лазил по документации и до событий не добрался ещё) Сейчас попробую. Только пока не понял куда это событие вешать.someweb писал(а): ↑2018.05.25, 09:22 Есть событие, в примере как раз класс добавляется.
https://xdsoft.net/jodit/doc/events/afterInsertImage/
Изучаю веб-программирование, не ругайтесь сильно)
Re: Подскажите аналог CkEditor с нормальной загрузкой изображений
Просто смотрю по верстке и у редактора нет своего id. Только классы. Пробовал вешать на класс - не получается пока
Код: Выделить всё
$('.jodit_container').on('afterInsertImage', function (image)
{
image.className = '123';
});
Изучаю веб-программирование, не ругайтесь сильно)
Re: Подскажите аналог CkEditor с нормальной загрузкой изображений
Код: Выделить всё
<?= $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 с нормальной загрузкой изображений
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")
Изучаю веб-программирование, не ругайтесь сильно)