first commit
This commit is contained in:
Manish
225
wp-includes/js/tinymce/plugins/wpview/plugin.js
Normal file
225
wp-includes/js/tinymce/plugins/wpview/plugin.js
Normal file
@ -0,0 +1,225 @@
|
||||
/**
|
||||
* WordPress View plugin.
|
||||
*/
|
||||
( function( tinymce ) {
|
||||
tinymce.PluginManager.add( 'wpview', function( editor ) {
|
||||
function noop () {}
|
||||
|
||||
// Set this here as wp-tinymce.js may be loaded too early.
|
||||
var wp = window.wp;
|
||||
|
||||
if ( ! wp || ! wp.mce || ! wp.mce.views ) {
|
||||
return {
|
||||
getView: noop
|
||||
};
|
||||
}
|
||||
|
||||
// Check if a node is a view or not.
|
||||
function isView( node ) {
|
||||
return editor.dom.hasClass( node, 'wpview' );
|
||||
}
|
||||
|
||||
// Replace view tags with their text.
|
||||
function resetViews( content ) {
|
||||
function callback( match, $1 ) {
|
||||
return '<p>' + window.decodeURIComponent( $1 ) + '</p>';
|
||||
}
|
||||
|
||||
if ( ! content || content.indexOf( ' data-wpview-' ) === -1 ) {
|
||||
return content;
|
||||
}
|
||||
|
||||
return content
|
||||
.replace( /<div[^>]+data-wpview-text="([^"]+)"[^>]*>(?:\.|[\s\S]+?wpview-end[^>]+>\s*<\/span>\s*)?<\/div>/g, callback )
|
||||
.replace( /<p[^>]+data-wpview-marker="([^"]+)"[^>]*>[\s\S]*?<\/p>/g, callback );
|
||||
}
|
||||
|
||||
editor.on( 'init', function() {
|
||||
var MutationObserver = window.MutationObserver || window.WebKitMutationObserver;
|
||||
|
||||
if ( MutationObserver ) {
|
||||
new MutationObserver( function() {
|
||||
editor.fire( 'wp-body-class-change' );
|
||||
} )
|
||||
.observe( editor.getBody(), {
|
||||
attributes: true,
|
||||
attributeFilter: ['class']
|
||||
} );
|
||||
}
|
||||
|
||||
// Pass on body class name changes from the editor to the wpView iframes.
|
||||
editor.on( 'wp-body-class-change', function() {
|
||||
var className = editor.getBody().className;
|
||||
|
||||
editor.$( 'iframe[class="wpview-sandbox"]' ).each( function( i, iframe ) {
|
||||
// Make sure it is a local iframe.
|
||||
// jshint scripturl: true
|
||||
if ( ! iframe.src || iframe.src === 'javascript:""' ) {
|
||||
try {
|
||||
iframe.contentWindow.document.body.className = className;
|
||||
} catch( er ) {}
|
||||
}
|
||||
});
|
||||
} );
|
||||
});
|
||||
|
||||
// Scan new content for matching view patterns and replace them with markers.
|
||||
editor.on( 'beforesetcontent', function( event ) {
|
||||
var node;
|
||||
|
||||
if ( ! event.selection ) {
|
||||
wp.mce.views.unbind();
|
||||
}
|
||||
|
||||
if ( ! event.content ) {
|
||||
return;
|
||||
}
|
||||
|
||||
if ( ! event.load ) {
|
||||
node = editor.selection.getNode();
|
||||
|
||||
if ( node && node !== editor.getBody() && /^\s*https?:\/\/\S+\s*$/i.test( event.content ) ) {
|
||||
// When a url is pasted or inserted, only try to embed it when it is in an empty paragraph.
|
||||
node = editor.dom.getParent( node, 'p' );
|
||||
|
||||
if ( node && /^[\s\uFEFF\u00A0]*$/.test( editor.$( node ).text() || '' ) ) {
|
||||
// Make sure there are no empty inline elements in the <p>.
|
||||
node.innerHTML = '';
|
||||
} else {
|
||||
return;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
event.content = wp.mce.views.setMarkers( event.content, editor );
|
||||
} );
|
||||
|
||||
// Replace any new markers nodes with views.
|
||||
editor.on( 'setcontent', function() {
|
||||
wp.mce.views.render();
|
||||
} );
|
||||
|
||||
// Empty view nodes for easier processing.
|
||||
editor.on( 'preprocess hide', function( event ) {
|
||||
editor.$( 'div[data-wpview-text], p[data-wpview-marker]', event.node ).each( function( i, node ) {
|
||||
node.innerHTML = '.';
|
||||
} );
|
||||
}, true );
|
||||
|
||||
// Replace views with their text.
|
||||
editor.on( 'postprocess', function( event ) {
|
||||
event.content = resetViews( event.content );
|
||||
} );
|
||||
|
||||
// Prevent adding of undo levels when replacing wpview markers
|
||||
// or when there are changes only in the (non-editable) previews.
|
||||
editor.on( 'beforeaddundo', function( event ) {
|
||||
var lastContent;
|
||||
var newContent = event.level.content || ( event.level.fragments && event.level.fragments.join( '' ) );
|
||||
|
||||
if ( ! event.lastLevel ) {
|
||||
lastContent = editor.startContent;
|
||||
} else {
|
||||
lastContent = event.lastLevel.content || ( event.lastLevel.fragments && event.lastLevel.fragments.join( '' ) );
|
||||
}
|
||||
|
||||
if (
|
||||
! newContent ||
|
||||
! lastContent ||
|
||||
newContent.indexOf( ' data-wpview-' ) === -1 ||
|
||||
lastContent.indexOf( ' data-wpview-' ) === -1
|
||||
) {
|
||||
return;
|
||||
}
|
||||
|
||||
if ( resetViews( lastContent ) === resetViews( newContent ) ) {
|
||||
event.preventDefault();
|
||||
}
|
||||
} );
|
||||
|
||||
// Make sure views are copied as their text.
|
||||
editor.on( 'drop objectselected', function( event ) {
|
||||
if ( isView( event.targetClone ) ) {
|
||||
event.targetClone = editor.getDoc().createTextNode(
|
||||
window.decodeURIComponent( editor.dom.getAttrib( event.targetClone, 'data-wpview-text' ) )
|
||||
);
|
||||
}
|
||||
} );
|
||||
|
||||
// Clean up URLs for easier processing.
|
||||
editor.on( 'pastepreprocess', function( event ) {
|
||||
var content = event.content;
|
||||
|
||||
if ( content ) {
|
||||
content = tinymce.trim( content.replace( /<[^>]+>/g, '' ) );
|
||||
|
||||
if ( /^https?:\/\/\S+$/i.test( content ) ) {
|
||||
event.content = content;
|
||||
}
|
||||
}
|
||||
} );
|
||||
|
||||
// Show the view type in the element path.
|
||||
editor.on( 'resolvename', function( event ) {
|
||||
if ( isView( event.target ) ) {
|
||||
event.name = editor.dom.getAttrib( event.target, 'data-wpview-type' ) || 'object';
|
||||
}
|
||||
} );
|
||||
|
||||
// See `media` plugin.
|
||||
editor.on( 'click keyup', function() {
|
||||
var node = editor.selection.getNode();
|
||||
|
||||
if ( isView( node ) ) {
|
||||
if ( editor.dom.getAttrib( node, 'data-mce-selected' ) ) {
|
||||
node.setAttribute( 'data-mce-selected', '2' );
|
||||
}
|
||||
}
|
||||
} );
|
||||
|
||||
editor.addButton( 'wp_view_edit', {
|
||||
tooltip: 'Edit|button', // '|button' is not displayed, only used for context.
|
||||
icon: 'dashicon dashicons-edit',
|
||||
onclick: function() {
|
||||
var node = editor.selection.getNode();
|
||||
|
||||
if ( isView( node ) ) {
|
||||
wp.mce.views.edit( editor, node );
|
||||
}
|
||||
}
|
||||
} );
|
||||
|
||||
editor.addButton( 'wp_view_remove', {
|
||||
tooltip: 'Remove',
|
||||
icon: 'dashicon dashicons-no',
|
||||
onclick: function() {
|
||||
editor.fire( 'cut' );
|
||||
}
|
||||
} );
|
||||
|
||||
editor.once( 'preinit', function() {
|
||||
var toolbar;
|
||||
|
||||
if ( editor.wp && editor.wp._createToolbar ) {
|
||||
toolbar = editor.wp._createToolbar( [
|
||||
'wp_view_edit',
|
||||
'wp_view_remove'
|
||||
] );
|
||||
|
||||
editor.on( 'wptoolbar', function( event ) {
|
||||
if ( ! event.collapsed && isView( event.element ) ) {
|
||||
event.toolbar = toolbar;
|
||||
}
|
||||
} );
|
||||
}
|
||||
} );
|
||||
|
||||
editor.wp = editor.wp || {};
|
||||
editor.wp.getView = noop;
|
||||
editor.wp.setViewCursor = noop;
|
||||
|
||||
return {
|
||||
getView: noop
|
||||
};
|
||||
} );
|
||||
} )( window.tinymce );
|
||||
1
wp-includes/js/tinymce/plugins/wpview/plugin.min.js
vendored
Normal file
1
wp-includes/js/tinymce/plugins/wpview/plugin.min.js
vendored
Normal file
@ -0,0 +1 @@
|
||||
!function(c){c.PluginManager.add("wpview",function(o){function e(){}var n=window.wp;return n&&n.mce&&n.mce.views&&(o.on("init",function(){var e=window.MutationObserver||window.WebKitMutationObserver;e&&new e(function(){o.fire("wp-body-class-change")}).observe(o.getBody(),{attributes:!0,attributeFilter:["class"]}),o.on("wp-body-class-change",function(){var n=o.getBody().className;o.$('iframe[class="wpview-sandbox"]').each(function(e,t){if(!t.src||'javascript:""'===t.src)try{t.contentWindow.document.body.className=n}catch(e){}})})}),o.on("beforesetcontent",function(e){var t;if(e.selection||n.mce.views.unbind(),e.content){if(!e.load&&(t=o.selection.getNode())&&t!==o.getBody()&&/^\s*https?:\/\/\S+\s*$/i.test(e.content)){if(!(t=o.dom.getParent(t,"p"))||!/^[\s\uFEFF\u00A0]*$/.test(o.$(t).text()||""))return;t.innerHTML=""}e.content=n.mce.views.setMarkers(e.content,o)}}),o.on("setcontent",function(){n.mce.views.render()}),o.on("preprocess hide",function(e){o.$("div[data-wpview-text], p[data-wpview-marker]",e.node).each(function(e,t){t.innerHTML="."})},!0),o.on("postprocess",function(e){e.content=a(e.content)}),o.on("beforeaddundo",function(e){var t=e.level.content||e.level.fragments&&e.level.fragments.join(""),n=e.lastLevel?e.lastLevel.content||e.lastLevel.fragments&&e.lastLevel.fragments.join(""):o.startContent;t&&n&&-1!==t.indexOf(" data-wpview-")&&-1!==n.indexOf(" data-wpview-")&&a(n)===a(t)&&e.preventDefault()}),o.on("drop objectselected",function(e){i(e.targetClone)&&(e.targetClone=o.getDoc().createTextNode(window.decodeURIComponent(o.dom.getAttrib(e.targetClone,"data-wpview-text"))))}),o.on("pastepreprocess",function(e){var t=e.content;t&&(t=c.trim(t.replace(/<[^>]+>/g,"")),/^https?:\/\/\S+$/i.test(t))&&(e.content=t)}),o.on("resolvename",function(e){i(e.target)&&(e.name=o.dom.getAttrib(e.target,"data-wpview-type")||"object")}),o.on("click keyup",function(){var e=o.selection.getNode();i(e)&&o.dom.getAttrib(e,"data-mce-selected")&&e.setAttribute("data-mce-selected","2")}),o.addButton("wp_view_edit",{tooltip:"Edit|button",icon:"dashicon dashicons-edit",onclick:function(){var e=o.selection.getNode();i(e)&&n.mce.views.edit(o,e)}}),o.addButton("wp_view_remove",{tooltip:"Remove",icon:"dashicon dashicons-no",onclick:function(){o.fire("cut")}}),o.once("preinit",function(){var t;o.wp&&o.wp._createToolbar&&(t=o.wp._createToolbar(["wp_view_edit","wp_view_remove"]),o.on("wptoolbar",function(e){!e.collapsed&&i(e.element)&&(e.toolbar=t)}))}),o.wp=o.wp||{},o.wp.getView=e,o.wp.setViewCursor=e),{getView:e};function i(e){return o.dom.hasClass(e,"wpview")}function a(e){function t(e,t){return"<p>"+window.decodeURIComponent(t)+"</p>"}return e&&-1!==e.indexOf(" data-wpview-")?e.replace(/<div[^>]+data-wpview-text="([^"]+)"[^>]*>(?:\.|[\s\S]+?wpview-end[^>]+>\s*<\/span>\s*)?<\/div>/g,t).replace(/<p[^>]+data-wpview-marker="([^"]+)"[^>]*>[\s\S]*?<\/p>/g,t):e}})}(window.tinymce);
|
||||
Reference in New Issue
Block a user