Инструкция по скрещеванию FCKEditor + LightBox (быстрый вариант без галереи)

Главные вкладки

Аватар пользователя Irbis Irbis 9 октября 2008 в 16:53

День добрый.

Как в первый раз мне не удалось заставить работать модуль для проигрывания flash роликов на сайте с помощью стандартных модулей Drupal, так и сейчас модуль LightBox - не завёлся. Поэтому опять иду обходным путём:

1. Скачиваем LightBox по ссылке http://www.huddletogether.com/projects/lightbox2/ (у меня стоит - 2.04).
3. Разархивируем все файлы из папки LightBox в определённую папку.
2. Правим у LightBox, в файле lightbox.js:

Заменяем:

    fileLoadingImage:        'images/loading.gif',    
    fileBottomNavCloseImage: 'images/closelabel.gif',

На:

    fileLoadingImage:        '/images/loading.gif',    
    fileBottomNavCloseImage: '/images/closelabel.gif',

4. Правим у FCKEditor (у меня стоит - 2.6.3), в файле www\sites\all\modules\fckeditor\fckeditor\editor\dialog\fck_image.html

Перед:

</body>
</html>

Вставляем:

        <script type="text/javascript" src="/sites/all/modules/fckeditor/fckeditor/editor/dialog/fck_image/islightbox.js"></script>

5. Скачиваем islightbox.js по ссылке http://asten.ru/example/fckeditor/islightbox.js и помещаем в www\sites\all\modules\fckeditor\fckeditor\editor\dialog\fck_image\

6. Правим page.tpl.php используемой темы

Перед:

    <?php print $styles ?>
    <?php print $scripts ?>

Вставляем:

        <link rel="stylesheet" href="/путь до моей папки LightBox/css/lightbox.css" type="text/css" media="screen" />   
        <script src="/путь до моей папки LightBox/js/prototype.js" type="text/javascript"></script>
        <script src="/путь до моей папки LightBox/js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
        <script src="/путь до моей папки LightBox/js/lightbox.js" type="text/javascript"></script>

        <style type="text/css">
                body{ color: #333; font: 13px 'Lucida Grande', Verdana, sans-serif;     }
        </style>

7. В FCKEditor нажимаем кнопку изображения, на вкладке "Информация о изображении" прописываем путь до уменьшеного изображения (или выбираем просмотром на сервере), на вкладке "Ссылка" прописываем путь до увеличенного изображения и ставим галочку - To create the reference to the big image (LightBox). Жмём кнопку ОК.

8. Всё можете сохранять вашу статью.

9. Сделать перевод текста чекбокса можно в файле - islightbox.js. Сделать перевод LightBox, можно путём изменения картинок идущих с ней в комплекте.

10. Адаптированная версия для Drupal, оригинал (не адаптированный для Drupal) - http://asten.ru/blog/programming/fckeditor-lightbox-eng.

ВложениеРазмер
Иконка простого текстового файла islightbox.js.txt4.3 КБ

Комментарии

Аватар пользователя gorr gorr 9 октября 2008 в 17:37

Спасибо, но после первого "Вставляем:" не видно что вставлять-то...(после второго видно)
И по-моему перегружено все, и прототип грузим и скриптакюлос, сам редактор, лайтбокс...

Аватар пользователя New_Wind New_Wind 24 октября 2008 в 13:07

Попытался скрестить fckeditor и lightbox, сделал все как пишешь, но в диалоге работы с изображениями fckeditorа не нажимается кнопка ОК, выскакивает ошибка JavaScript:
Ошибка: GetE("txtLnkUrl").value.Trim is not a function
Источник: http://memo/javascript/fck_editor/editor/dialog/fck_image/islightbox.js
Строка: 146

Аватар пользователя PaV PaV 17 января 2009 в 23:17

лайтбокс есть модулем под друпал, устнавливается на атопилоте Smile
единствнное, что пришлось добавть в комбо-бокс при вставке изображения новые rel чтобы он подхватывал при отображение страницы