LifeAct
@LifeAct
Создаем и раскручиваем, не ставим на конвейер

Как подружить Ckeditor c Lightbox?

Всем привет!

Понадобилась необходимость вставлять в статьи Lightbox, я использую визуальный редактор Ckeditor. Взял единственный плагин для вставки Lightbox - ckeditor.com/addon/lightbox как его не крутил он ни в какую не хочет работать.

код:
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Replace Textarea by Code &mdash; CKEditor Sample</title>
  <script src="../jquery-1.11.0.min.js"></script>
        <script src="../ckeditor.js"></script>       
    <link href="sample.css" rel="stylesheet">
    <link rel="stylesheet" href="lightbox.css">
</head>
<body>
    <h1 class="samples">
        <a href="index.html">CKEditor Samples</a> &raquo; Replace Textarea Elements Using JavaScript Code
    </h1>
    <form action="sample_posteddata.php" method="post">
        <div class="description">
            <p>
                This editor is using an <code>&lt;iframe&gt;</code> element-based editing area, provided by the <strong>Wysiwygarea</strong> plugin.
            </p>
<pre class="samples">
CKEDITOR.replace( '<em>textarea_id</em>' )
</pre>
        </div>
        <textarea cols="80" id="editor1" name="editor1" rows="10">

        </textarea>
        <script>


            CKEDITOR.replace( 'editor1' );

        </script>
        <p>
            <input type="submit" value="Submit">
        </p>
    </form>
    <div id="footer">
        <hr>
        <p>
            CKEditor - The text editor for the Internet - <a class="samples" href="http://ckeditor.com/">http://ckeditor.com</a>
        </p>
        <p id="copy">
            Copyright &copy; 2003-2015, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico
            Knabben. All rights reserved.
        </p>
    </div>
<script type="text/javascript">
$(document).ready(function(){ ckeLightbox(); });
function ckeLightbox(){
    var c=0;
    $('a.ckelightbox').each(function(){
        c++;
        var g=$(this).attr('class').split('ckelightboxgallery')[1];
        if(!g)g=c;
        $(this).attr('data-lightbox',g);
        $(this).attr('data-title',$(this).attr('title'));
    }); 
}
</script> 
</body>
</html>


всегда выдает ошибку: Uncaught TypeError: Cannot read property 'split' of undefined

не определено свойство split! Я в джетквери не очень... внизу же блок согласно инструкции вставил, что ему еще нужно.

Кому интересно поковырять вот тестовый проектик take.ms/OJpKE
финансово отблагодарю, намучился с этим уже
  • Вопрос задан
  • 685 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы