2012-08-23 02:04:18 +02:00
|
|
|
// send html to the post editor
|
|
|
|
|
|
|
|
var wpActiveEditor;
|
|
|
|
|
|
|
|
function send_to_editor(h) {
|
|
|
|
var ed, mce = typeof(tinymce) != 'undefined', qt = typeof(QTags) != 'undefined';
|
|
|
|
|
|
|
|
if ( !wpActiveEditor ) {
|
|
|
|
if ( mce && tinymce.activeEditor ) {
|
|
|
|
ed = tinymce.activeEditor;
|
|
|
|
wpActiveEditor = ed.id;
|
|
|
|
} else if ( !qt ) {
|
|
|
|
return false;
|
|
|
|
}
|
|
|
|
} else if ( mce ) {
|
|
|
|
if ( tinymce.activeEditor && (tinymce.activeEditor.id == 'mce_fullscreen' || tinymce.activeEditor.id == 'wp_mce_fullscreen') )
|
|
|
|
ed = tinymce.activeEditor;
|
|
|
|
else
|
|
|
|
ed = tinymce.get(wpActiveEditor);
|
|
|
|
}
|
|
|
|
|
|
|
|
if ( ed && !ed.isHidden() ) {
|
|
|
|
// restore caret position on IE
|
|
|
|
if ( tinymce.isIE && ed.windowManager.insertimagebookmark )
|
|
|
|
ed.selection.moveToBookmark(ed.windowManager.insertimagebookmark);
|
|
|
|
|
|
|
|
if ( h.indexOf('[caption') === 0 ) {
|
|
|
|
if ( ed.wpSetImgCaption )
|
|
|
|
h = ed.wpSetImgCaption(h);
|
|
|
|
} else if ( h.indexOf('[gallery') === 0 ) {
|
|
|
|
if ( ed.plugins.wpgallery )
|
|
|
|
h = ed.plugins.wpgallery._do_gallery(h);
|
|
|
|
} else if ( h.indexOf('[embed') === 0 ) {
|
|
|
|
if ( ed.plugins.wordpress )
|
|
|
|
h = ed.plugins.wordpress._setEmbed(h);
|
|
|
|
}
|
|
|
|
|
|
|
|
ed.execCommand('mceInsertContent', false, h);
|
|
|
|
} else if ( qt ) {
|
|
|
|
QTags.insertContent(h);
|
|
|
|
} else {
|
|
|
|
document.getElementById(wpActiveEditor).value += h;
|
|
|
|
}
|
|
|
|
|
|
|
|
try{tb_remove();}catch(e){};
|
|
|
|
}
|
|
|
|
|
|
|
|
// thickbox settings
|
|
|
|
var tb_position;
|
|
|
|
(function($) {
|
|
|
|
tb_position = function() {
|
|
|
|
var tbWindow = $('#TB_window'), width = $(window).width(), H = $(window).height(), W = ( 720 < width ) ? 720 : width, adminbar_height = 0;
|
|
|
|
|
|
|
|
if ( $('body.admin-bar').length )
|
|
|
|
adminbar_height = 28;
|
|
|
|
|
|
|
|
if ( tbWindow.size() ) {
|
|
|
|
tbWindow.width( W - 50 ).height( H - 45 - adminbar_height );
|
|
|
|
$('#TB_iframeContent').width( W - 50 ).height( H - 75 - adminbar_height );
|
|
|
|
tbWindow.css({'margin-left': '-' + parseInt((( W - 50 ) / 2),10) + 'px'});
|
|
|
|
if ( typeof document.body.style.maxWidth != 'undefined' )
|
|
|
|
tbWindow.css({'top': 20 + adminbar_height + 'px','margin-top':'0'});
|
|
|
|
};
|
|
|
|
|
|
|
|
return $('a.thickbox').each( function() {
|
|
|
|
var href = $(this).attr('href');
|
|
|
|
if ( ! href ) return;
|
|
|
|
href = href.replace(/&width=[0-9]+/g, '');
|
|
|
|
href = href.replace(/&height=[0-9]+/g, '');
|
|
|
|
$(this).attr( 'href', href + '&width=' + ( W - 80 ) + '&height=' + ( H - 85 - adminbar_height ) );
|
|
|
|
});
|
|
|
|
};
|
|
|
|
|
|
|
|
$(window).resize(function(){ tb_position(); });
|
|
|
|
|
|
|
|
// store caret position in IE
|
|
|
|
$(document).ready(function($){
|
|
|
|
$('a.thickbox').click(function(){
|
|
|
|
var ed;
|
|
|
|
|
|
|
|
if ( typeof(tinymce) != 'undefined' && tinymce.isIE && ( ed = tinymce.get(wpActiveEditor) ) && !ed.isHidden() ) {
|
|
|
|
ed.focus();
|
|
|
|
ed.windowManager.insertimagebookmark = ed.selection.getBookmark();
|
|
|
|
}
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
})(jQuery);
|
2012-09-27 06:09:43 +02:00
|
|
|
|
|
|
|
// WordPress, TinyMCE, and Media
|
|
|
|
// -----------------------------
|
|
|
|
(function($){
|
2012-10-10 10:31:12 +02:00
|
|
|
// Stores the editors' `wp.media.controller.Workflow` instances.
|
2012-09-27 06:09:43 +02:00
|
|
|
var workflows = {};
|
|
|
|
|
|
|
|
wp.mce.media = {
|
|
|
|
insert: send_to_editor,
|
|
|
|
|
|
|
|
add: function( id, options ) {
|
|
|
|
var workflow = this.get( id );
|
|
|
|
|
|
|
|
if ( workflow )
|
|
|
|
return workflow;
|
|
|
|
|
|
|
|
workflow = workflows[ id ] = wp.media( _.defaults( options || {}, {
|
2012-09-27 08:20:22 +02:00
|
|
|
title: wp.media.view.l10n.insertMedia,
|
2012-10-29 00:29:17 +01:00
|
|
|
multiple: true
|
2012-09-27 06:09:43 +02:00
|
|
|
} ) );
|
|
|
|
|
2012-10-29 00:29:17 +01:00
|
|
|
workflow.get('library').on( 'insert', function( selection ) {
|
2012-10-10 23:54:21 +02:00
|
|
|
this.insert( selection.map( function( attachment ) {
|
|
|
|
if ( 'image' === attachment.get('type') )
|
2012-10-12 20:36:21 +02:00
|
|
|
return wp.media.string.image( attachment ) + ' ';
|
2012-10-10 23:54:21 +02:00
|
|
|
else
|
|
|
|
return wp.media.string.link( attachment ) + ' ';
|
|
|
|
}).join('') );
|
2012-09-27 06:09:43 +02:00
|
|
|
}, this );
|
|
|
|
|
2012-10-29 00:29:17 +01:00
|
|
|
workflow.get('gallery').on( 'update', function( selection ) {
|
Use the new media modal to insert galleries into TinyMCE and the text editor.
'''Galleries'''
* Gallery insertion from the new media modal (into TinyMCE, the text editor, etc).
* Gallery previews in TinyMCE now use the `wp.mce.views` API.
* Disables the TinyMCE `wpgallery` plugin.
* Gallery previews consist of the first image of the gallery and the appearance of a stack. This will later be fleshed out to include more images/functionality (including editing the gallery, gallery properties, and showing the number of images in the gallery).
* Multiple galleries can be added to a single post.
* The gallery MCE view provides a bridge between the `wp.shortcode` and `Attachments` representation of a gallery, which allows the existing collection to persist when a gallery is initially created (preventing a request to the server for the query).
'''Shortcodes'''
* Renames `wp.shortcode.Match` to `wp.shortcode` to better expose the shortcode constructor.
* The `wp.shortcode` constructor now accepts an object of options instead of a `wp.shortcode.regexp()` match.
* A `wp.shortcode` instance can be created from a `wp.shortcode.regexp()` match by calling `wp.shortcode.fromMatch( match )`.
* Adds `wp.shortcode.string()`, which takes a set of shortcode parameters and converts them into a string.* Renames `wp.shortcode.prototype.text()` to `wp.shortcode.prototype.string()`.
* Adds an additional capture group to `wp.shortcode.regexp()` that records whether or not the shortcode has a closing tag. This allows us to improve the accuracy of the syntax used when transforming a shortcode object back into a string.
'''Media Models'''
* Prevents media `Query` models from observing the central `Attachments.all` object when query args without corresponding filters are set (otherwise, queries quickly amass false positives).
* Adds `post__in`, `post__not_in`, and `post_parent` as acceptable JS attachment `Query` args.
* `Attachments.more()` always returns a `$.promise` object.
see #21390, #21809, #21812, #21815, #21817.
git-svn-id: https://develop.svn.wordpress.org/trunk@22120 602fd350-edb4-49c9-b593-d223f7449a82
2012-10-05 06:23:59 +02:00
|
|
|
var view = wp.mce.view.get('gallery'),
|
|
|
|
shortcode;
|
|
|
|
|
|
|
|
if ( ! view )
|
|
|
|
return;
|
|
|
|
|
|
|
|
shortcode = view.gallery.shortcode( selection );
|
|
|
|
this.insert( shortcode.string() );
|
2012-10-10 10:47:15 +02:00
|
|
|
|
|
|
|
// Reset the workflow view to the library.
|
|
|
|
workflow.render('library');
|
Use the new media modal to insert galleries into TinyMCE and the text editor.
'''Galleries'''
* Gallery insertion from the new media modal (into TinyMCE, the text editor, etc).
* Gallery previews in TinyMCE now use the `wp.mce.views` API.
* Disables the TinyMCE `wpgallery` plugin.
* Gallery previews consist of the first image of the gallery and the appearance of a stack. This will later be fleshed out to include more images/functionality (including editing the gallery, gallery properties, and showing the number of images in the gallery).
* Multiple galleries can be added to a single post.
* The gallery MCE view provides a bridge between the `wp.shortcode` and `Attachments` representation of a gallery, which allows the existing collection to persist when a gallery is initially created (preventing a request to the server for the query).
'''Shortcodes'''
* Renames `wp.shortcode.Match` to `wp.shortcode` to better expose the shortcode constructor.
* The `wp.shortcode` constructor now accepts an object of options instead of a `wp.shortcode.regexp()` match.
* A `wp.shortcode` instance can be created from a `wp.shortcode.regexp()` match by calling `wp.shortcode.fromMatch( match )`.
* Adds `wp.shortcode.string()`, which takes a set of shortcode parameters and converts them into a string.* Renames `wp.shortcode.prototype.text()` to `wp.shortcode.prototype.string()`.
* Adds an additional capture group to `wp.shortcode.regexp()` that records whether or not the shortcode has a closing tag. This allows us to improve the accuracy of the syntax used when transforming a shortcode object back into a string.
'''Media Models'''
* Prevents media `Query` models from observing the central `Attachments.all` object when query args without corresponding filters are set (otherwise, queries quickly amass false positives).
* Adds `post__in`, `post__not_in`, and `post_parent` as acceptable JS attachment `Query` args.
* `Attachments.more()` always returns a `$.promise` object.
see #21390, #21809, #21812, #21815, #21817.
git-svn-id: https://develop.svn.wordpress.org/trunk@22120 602fd350-edb4-49c9-b593-d223f7449a82
2012-10-05 06:23:59 +02:00
|
|
|
}, this );
|
|
|
|
|
2012-09-27 06:09:43 +02:00
|
|
|
return workflow;
|
|
|
|
},
|
|
|
|
|
|
|
|
get: function( id ) {
|
|
|
|
return workflows[ id ];
|
|
|
|
},
|
|
|
|
|
|
|
|
remove: function( id ) {
|
|
|
|
delete workflows[ id ];
|
|
|
|
},
|
|
|
|
|
|
|
|
init: function() {
|
|
|
|
$('.insert-media').on( 'click', function( event ) {
|
|
|
|
var editor = $(this).data('editor'),
|
|
|
|
workflow;
|
|
|
|
|
|
|
|
event.preventDefault();
|
|
|
|
|
|
|
|
if ( ! editor )
|
|
|
|
return;
|
|
|
|
|
|
|
|
workflow = wp.mce.media.get( editor );
|
|
|
|
|
|
|
|
// If the workflow exists, just open it.
|
|
|
|
if ( workflow ) {
|
|
|
|
workflow.open();
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
// Initialize the editor's workflow if we haven't yet.
|
|
|
|
wp.mce.media.add( editor );
|
|
|
|
});
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|
2012-09-27 22:04:34 +02:00
|
|
|
$( wp.mce.media.init );
|
2012-09-27 06:09:43 +02:00
|
|
|
}(jQuery));
|