aboutsummaryrefslogtreecommitdiff
path: root/srcs/wordpress/wp-includes/js/tinymce/plugins/wpgallery/plugin.js
diff options
context:
space:
mode:
authorCharles <sircharlesaze@gmail.com>2020-01-07 13:06:14 +0100
committerCharles <sircharlesaze@gmail.com>2020-01-07 13:06:14 +0100
commit7086111ad4dd997e12a3220e1ee60c9b9bcf0bb8 (patch)
treef7453d7dd5cbaaab246e23810b02d3edf1e451be /srcs/wordpress/wp-includes/js/tinymce/plugins/wpgallery/plugin.js
parentc59bdcf77c50cbe89b4a93782cdd6d9e7532080e (diff)
downloadft_server-7086111ad4dd997e12a3220e1ee60c9b9bcf0bb8.tar.gz
ft_server-7086111ad4dd997e12a3220e1ee60c9b9bcf0bb8.tar.bz2
ft_server-7086111ad4dd997e12a3220e1ee60c9b9bcf0bb8.zip
Added wordpress
Diffstat (limited to 'srcs/wordpress/wp-includes/js/tinymce/plugins/wpgallery/plugin.js')
-rw-r--r--srcs/wordpress/wp-includes/js/tinymce/plugins/wpgallery/plugin.js112
1 files changed, 112 insertions, 0 deletions
diff --git a/srcs/wordpress/wp-includes/js/tinymce/plugins/wpgallery/plugin.js b/srcs/wordpress/wp-includes/js/tinymce/plugins/wpgallery/plugin.js
new file mode 100644
index 0000000..d9723f2
--- /dev/null
+++ b/srcs/wordpress/wp-includes/js/tinymce/plugins/wpgallery/plugin.js
@@ -0,0 +1,112 @@
+/* global tinymce */
+tinymce.PluginManager.add('wpgallery', function( editor ) {
+
+ function replaceGalleryShortcodes( content ) {
+ return content.replace( /\[gallery([^\]]*)\]/g, function( match ) {
+ return html( 'wp-gallery', match );
+ });
+ }
+
+ function html( cls, data ) {
+ data = window.encodeURIComponent( data );
+ return '<img src="' + tinymce.Env.transparentSrc + '" class="wp-media mceItem ' + cls + '" ' +
+ 'data-wp-media="' + data + '" data-mce-resize="false" data-mce-placeholder="1" alt="" />';
+ }
+
+ function restoreMediaShortcodes( content ) {
+ function getAttr( str, name ) {
+ name = new RegExp( name + '=\"([^\"]+)\"' ).exec( str );
+ return name ? window.decodeURIComponent( name[1] ) : '';
+ }
+
+ return content.replace( /(?:<p(?: [^>]+)?>)*(<img [^>]+>)(?:<\/p>)*/g, function( match, image ) {
+ var data = getAttr( image, 'data-wp-media' );
+
+ if ( data ) {
+ return '<p>' + data + '</p>';
+ }
+
+ return match;
+ });
+ }
+
+ function editMedia( node ) {
+ var gallery, frame, data;
+
+ if ( node.nodeName !== 'IMG' ) {
+ return;
+ }
+
+ // Check if the `wp.media` API exists.
+ if ( typeof wp === 'undefined' || ! wp.media ) {
+ return;
+ }
+
+ data = window.decodeURIComponent( editor.dom.getAttrib( node, 'data-wp-media' ) );
+
+ // Make sure we've selected a gallery node.
+ if ( editor.dom.hasClass( node, 'wp-gallery' ) && wp.media.gallery ) {
+ gallery = wp.media.gallery;
+ frame = gallery.edit( data );
+
+ frame.state('gallery-edit').on( 'update', function( selection ) {
+ var shortcode = gallery.shortcode( selection ).string();
+ editor.dom.setAttrib( node, 'data-wp-media', window.encodeURIComponent( shortcode ) );
+ frame.detach();
+ });
+ }
+ }
+
+ // Register the command so that it can be invoked by using tinyMCE.activeEditor.execCommand('...');
+ editor.addCommand( 'WP_Gallery', function() {
+ editMedia( editor.selection.getNode() );
+ });
+
+ editor.on( 'mouseup', function( event ) {
+ var dom = editor.dom,
+ node = event.target;
+
+ function unselect() {
+ dom.removeClass( dom.select( 'img.wp-media-selected' ), 'wp-media-selected' );
+ }
+
+ if ( node.nodeName === 'IMG' && dom.getAttrib( node, 'data-wp-media' ) ) {
+ // Don't trigger on right-click
+ if ( event.button !== 2 ) {
+ if ( dom.hasClass( node, 'wp-media-selected' ) ) {
+ editMedia( node );
+ } else {
+ unselect();
+ dom.addClass( node, 'wp-media-selected' );
+ }
+ }
+ } else {
+ unselect();
+ }
+ });
+
+ // Display gallery, audio or video instead of img in the element path
+ editor.on( 'ResolveName', function( event ) {
+ var dom = editor.dom,
+ node = event.target;
+
+ if ( node.nodeName === 'IMG' && dom.getAttrib( node, 'data-wp-media' ) ) {
+ if ( dom.hasClass( node, 'wp-gallery' ) ) {
+ event.name = 'gallery';
+ }
+ }
+ });
+
+ editor.on( 'BeforeSetContent', function( event ) {
+ // 'wpview' handles the gallery shortcode when present
+ if ( ! editor.plugins.wpview || typeof wp === 'undefined' || ! wp.mce ) {
+ event.content = replaceGalleryShortcodes( event.content );
+ }
+ });
+
+ editor.on( 'PostProcess', function( event ) {
+ if ( event.get ) {
+ event.content = restoreMediaShortcodes( event.content );
+ }
+ });
+});