source: plugins/dcCKEditor/js/popup_media.js @ 3037:fac87f3ccdb0

$(function() {
     $('#media-insert-cancel').click(function() {
          window.close();
     });

     $('#media-insert-ok').click(function() {
          var insert_form = $('#media-insert-form').get(0);
          if (insert_form === undefined) {
               return;
          }

          var editor_name = window.opener.$.getEditorName(),
              editor = window.opener.CKEDITOR.instances[editor_name],
              type = insert_form.elements.type.value,
              img = '',
              figure = '',
              fig_caption = '',
              media_align_grid = {
                   left: 'float: left; margin: 0 1em 1em 0;',
                   right: 'float: right; margin: 0 0 1em 1em;',
                   center: 'margin: 0 auto; display: block;'
              };

          if (type=='image') {
               if (editor.mode=='wysiwyg') {
                    var figure_template = '<figure style="{figureStyle}"><img class="media" src="{imgSrc}" alt="{imgAlt}"/><figcaption>{figCaption}</figcaption></figure>',
                        a_figure_template = '<a class="media-link" href="{aHref}">'+figure_template+'</a>',
                        figure_block = new window.opener.CKEDITOR.template(figure_template),
                        a_figure_block = new window.opener.CKEDITOR.template( a_figure_template),
                        params = {},
                        templateBlock = null;

                    var align = $('input[name="alignment"]:checked',insert_form).val();
                    if (align!='' && align!='none') {
                         params.figureStyle = media_align_grid[align];
                    }

                    var img_description = $('input[name="description"]',insert_form).val();
                    params.figCaption = window.opener.CKEDITOR.tools.htmlEncodeAttr(img_description);
                    params.imgAlt = 'alt for image';
                    params.imgSrc = window.opener.$.stripBaseURL($('input[name="src"]:checked',insert_form).val());

                    if ($('input[name="insertion"]:checked',insert_form).val() == 'link') {
                         params.aHref = window.opener.$.stripBaseURL($('input[name="url"]',insert_form).val());
                         templateBlock = a_figure_block;
                    } else {
                         templateBlock = figure_block;
                    }

                    var figure = window.opener.CKEDITOR.dom.element.createFromHtml(
                         templateBlock.output(params), editor.document
                    );

                    editor.insertElement(figure);

                    // figure = '<figure';
                    // img = '<img class="media" src="';
                    // img += window.opener.$.stripBaseURL($('input[name="src"]:checked',insert_form).val())+'"';

                    // fig_caption = '<figcaption>'+img_description+'</figcaption>';


                    // var title = $('input[name="title"]',insert_form).val();
                    // img += ' alt="'+window.opener.CKEDITOR.tools.htmlEncodeAttr(title)+'"/>';

                    // figure += img + fig_caption + '</figure>';

                    // var element;
                    // if ($('input[name="insertion"]:checked',insert_form).val() == 'link') {
                    //   var link = '<a class="media-link" href="';
                    //   link += window.opener.$.stripBaseURL($('input[name="url"]',insert_form).val());
                    //   link += '">'+figure+'</a>';

                    //   element = '<a>'+figure+'</a>';//link;
                    // } else {
                    //   element = figure;
                    // }

                    // alert('element: '+element);

                    // editor.insertElement(window.opener.CKEDITOR.dom.element.createFromHtml(element));
               }
          } else {
               var link = '<a href="';
               link += window.opener.$.stripBaseURL($('input[name="url"]',insert_form).val());
               link += '">'+window.opener.CKEDITOR.tools.htmlEncodeAttr(insert_form.elements.title.value)+'</a>';
               element = window.opener.CKEDITOR.dom.element.createFromHtml(link);

               editor.insertElement(element);
          }

          window.close();
     });
});