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

ckeditor insert image

СообщениеДобавлено: 15 фев 2015, 00:32
Mono
Понимаю что вопрос не совсем по ORE, но может что-нибудь посоветуете. Хотя бы может где почитать как это сделать.

надо привести диалог загрузки изображений в админке к вот такому виду, собственно я это сделал уже
res.png
res.png (5.93 КБ) Просмотров: 4447


а что сделать не смог, чтобы при вставке линка на картинку в это поле
src1.png
src1.png (22.9 КБ) Просмотров: 4447


линк сразу копировался в это поле ( которое потом будет скрыто)
src2.png
src2.png (15.11 КБ) Просмотров: 4447


Это для того чтобы картинка в разделе новости итд отображалась вводом одного линка и делалсь сразу кликабельная. А может быть это можно реализовать в движке?? Но без загрузки файла на сервер, только вводом ссылки.

Администрировать сайт будут низко квалифицированные люди, поэтому надо все привести к максимально упрощенному виду *WALL*

Re: ckeditor insert image

СообщениеДобавлено: 18 фев 2015, 11:55
Foton
Здравствуйте.
Попробуйте повесить на соответствующее поле JS-событие

Re: ckeditor insert image

СообщениеДобавлено: 20 фев 2015, 23:17
Mono
вот только я JS на уровне ктрл+с ктрл+в разбираюсь) где бы почитать как это делается

Re: ckeditor insert image

СообщениеДобавлено: 21 фев 2015, 12:32
Xpycm
Полная документация по CKEditor: http://docs.cksource.com/ckeditor_api/index.html

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

Открываете файл protected/controllers/SiteController.php, находите метод actionUploadImage
Заменяете:
Код: Выделить всё
echo "<script type=\"text/javascript\">window.parent.CKEDITOR.tools.callFunction(ref,  \"".$httpPath."\", \"".$error."\" );</script>"; 

на:
Код: Выделить всё
if (!$error) {
    echo "<script type=\"text/javascript\">
        window.parent.CKEDITOR.tools.callFunction("
.$callback.",  \"".$httpPath."\", \"".$error."\" );
        var ref = window.parent.CKEDITOR.tools.addFunction(
            function() {
                //console.log(window.parent.CKEDITOR.dialog.getCurrent().definition);
                window.parent.CKEDITOR.dialog.getCurrent().definition.dialog.selectPage('Link');
                window.parent.CKEDITOR.dialog.getCurrent().definition.dialog.setValueOf('Link', 'txtUrl', '"
.$httpPath."');
            });
        window.parent.CKEDITOR.tools.callFunction(ref);
    </script>"
;
}
else {
    echo "<script type=\"text/javascript\">window.parent.CKEDITOR.tools.callFunction(ref,  \"".$httpPath."\", \"".$error."\" );</script>";
}
 

Re: ckeditor insert image

СообщениеДобавлено: 22 фев 2015, 01:26
Mono
Супер! Спасибо!