mirror of
https://github.com/WordPress/WordPress.git
synced 2024-11-12 21:54:17 +01:00
d7c37de2de
Props rellect. Fixes #37066. Built from https://develop.svn.wordpress.org/trunk@40787 git-svn-id: http://core.svn.wordpress.org/trunk@40645 1a063a9b-81f0-0310-95a4-ce76da25c4cd
694 lines
20 KiB
JavaScript
694 lines
20 KiB
JavaScript
window.wp = window.wp || {};
|
|
|
|
( function( $, wp ) {
|
|
wp.editor = wp.editor || {};
|
|
|
|
/**
|
|
* @summary Utility functions for the editor.
|
|
*
|
|
* @since 2.5.0
|
|
*/
|
|
function SwitchEditors() {
|
|
var tinymce, $$,
|
|
exports = {};
|
|
|
|
function init() {
|
|
if ( ! tinymce && window.tinymce ) {
|
|
tinymce = window.tinymce;
|
|
$$ = tinymce.$;
|
|
|
|
/**
|
|
* @summary Handles onclick events for the Visual/Text tabs.
|
|
*
|
|
* @since 4.3.0
|
|
*
|
|
* @returns {void}
|
|
*/
|
|
$$( document ).on( 'click', function( event ) {
|
|
var id, mode,
|
|
target = $$( event.target );
|
|
|
|
if ( target.hasClass( 'wp-switch-editor' ) ) {
|
|
id = target.attr( 'data-wp-editor-id' );
|
|
mode = target.hasClass( 'switch-tmce' ) ? 'tmce' : 'html';
|
|
switchEditor( id, mode );
|
|
}
|
|
});
|
|
}
|
|
}
|
|
|
|
/**
|
|
* @summary Returns the height of the editor toolbar(s) in px.
|
|
*
|
|
* @since 3.9.0
|
|
*
|
|
* @param {Object} editor The TinyMCE editor.
|
|
* @returns {number} If the height is between 10 and 200 return the height,
|
|
* else return 30.
|
|
*/
|
|
function getToolbarHeight( editor ) {
|
|
var node = $$( '.mce-toolbar-grp', editor.getContainer() )[0],
|
|
height = node && node.clientHeight;
|
|
|
|
if ( height && height > 10 && height < 200 ) {
|
|
return parseInt( height, 10 );
|
|
}
|
|
|
|
return 30;
|
|
}
|
|
|
|
/**
|
|
* @summary Switches the editor between Visual and Text mode.
|
|
*
|
|
* @since 2.5.0
|
|
*
|
|
* @memberof switchEditors
|
|
*
|
|
* @param {string} id The id of the editor you want to change the editor mode for. Default: `content`.
|
|
* @param {string} mode The mode you want to switch to. Default: `toggle`.
|
|
* @returns {void}
|
|
*/
|
|
function switchEditor( id, mode ) {
|
|
id = id || 'content';
|
|
mode = mode || 'toggle';
|
|
|
|
var editorHeight, toolbarHeight, iframe,
|
|
editor = tinymce.get( id ),
|
|
wrap = $$( '#wp-' + id + '-wrap' ),
|
|
$textarea = $$( '#' + id ),
|
|
textarea = $textarea[0];
|
|
|
|
if ( 'toggle' === mode ) {
|
|
if ( editor && ! editor.isHidden() ) {
|
|
mode = 'html';
|
|
} else {
|
|
mode = 'tmce';
|
|
}
|
|
}
|
|
|
|
if ( 'tmce' === mode || 'tinymce' === mode ) {
|
|
// If the editor is visible we are already in `tinymce` mode.
|
|
if ( editor && ! editor.isHidden() ) {
|
|
return false;
|
|
}
|
|
|
|
// Insert closing tags for any open tags in QuickTags.
|
|
if ( typeof( window.QTags ) !== 'undefined' ) {
|
|
window.QTags.closeAllTags( id );
|
|
}
|
|
|
|
editorHeight = parseInt( textarea.style.height, 10 ) || 0;
|
|
|
|
if ( editor ) {
|
|
editor.show();
|
|
|
|
// No point to resize the iframe in iOS.
|
|
if ( ! tinymce.Env.iOS && editorHeight ) {
|
|
toolbarHeight = getToolbarHeight( editor );
|
|
editorHeight = editorHeight - toolbarHeight + 14;
|
|
|
|
// Sane limit for the editor height.
|
|
if ( editorHeight > 50 && editorHeight < 5000 ) {
|
|
editor.theme.resizeTo( null, editorHeight );
|
|
}
|
|
}
|
|
} else {
|
|
tinymce.init( window.tinyMCEPreInit.mceInit[id] );
|
|
}
|
|
|
|
wrap.removeClass( 'html-active' ).addClass( 'tmce-active' );
|
|
$textarea.attr( 'aria-hidden', true );
|
|
window.setUserSetting( 'editor', 'tinymce' );
|
|
|
|
} else if ( 'html' === mode ) {
|
|
// If the editor is hidden (Quicktags is shown) we don't need to switch.
|
|
if ( editor && editor.isHidden() ) {
|
|
return false;
|
|
}
|
|
|
|
if ( editor ) {
|
|
// Don't resize the textarea in iOS. The iframe is forced to 100% height there, we shouldn't match it.
|
|
if ( ! tinymce.Env.iOS ) {
|
|
iframe = editor.iframeElement;
|
|
editorHeight = iframe ? parseInt( iframe.style.height, 10 ) : 0;
|
|
|
|
if ( editorHeight ) {
|
|
toolbarHeight = getToolbarHeight( editor );
|
|
editorHeight = editorHeight + toolbarHeight - 14;
|
|
|
|
// Sane limit for the textarea height.
|
|
if ( editorHeight > 50 && editorHeight < 5000 ) {
|
|
textarea.style.height = editorHeight + 'px';
|
|
}
|
|
}
|
|
}
|
|
|
|
editor.hide();
|
|
} else {
|
|
// There is probably a JS error on the page. The TinyMCE editor instance doesn't exist. Show the textarea.
|
|
$textarea.css({ 'display': '', 'visibility': '' });
|
|
}
|
|
|
|
wrap.removeClass( 'tmce-active' ).addClass( 'html-active' );
|
|
$textarea.attr( 'aria-hidden', false );
|
|
window.setUserSetting( 'editor', 'html' );
|
|
}
|
|
}
|
|
|
|
/**
|
|
* @summary Replaces <p> tags with two line breaks. "Opposite" of wpautop().
|
|
*
|
|
* Replaces <p> tags with two line breaks except where the <p> has attributes.
|
|
* Unifies whitespace.
|
|
* Indents <li>, <dt> and <dd> for better readability.
|
|
*
|
|
* @since 2.5.0
|
|
*
|
|
* @memberof switchEditors
|
|
*
|
|
* @param {string} html The content from the editor.
|
|
* @return {string} The content with stripped paragraph tags.
|
|
*/
|
|
function removep( html ) {
|
|
var blocklist = 'blockquote|ul|ol|li|dl|dt|dd|table|thead|tbody|tfoot|tr|th|td|h[1-6]|fieldset|figure',
|
|
blocklist1 = blocklist + '|div|p',
|
|
blocklist2 = blocklist + '|pre',
|
|
preserve_linebreaks = false,
|
|
preserve_br = false,
|
|
preserve = [];
|
|
|
|
if ( ! html ) {
|
|
return '';
|
|
}
|
|
|
|
// Protect script and style tags.
|
|
if ( html.indexOf( '<script' ) !== -1 || html.indexOf( '<style' ) !== -1 ) {
|
|
html = html.replace( /<(script|style)[^>]*>[\s\S]*?<\/\1>/g, function( match ) {
|
|
preserve.push( match );
|
|
return '<wp-preserve>';
|
|
} );
|
|
}
|
|
|
|
// Protect pre tags.
|
|
if ( html.indexOf( '<pre' ) !== -1 ) {
|
|
preserve_linebreaks = true;
|
|
html = html.replace( /<pre[^>]*>[\s\S]+?<\/pre>/g, function( a ) {
|
|
a = a.replace( /<br ?\/?>(\r\n|\n)?/g, '<wp-line-break>' );
|
|
a = a.replace( /<\/?p( [^>]*)?>(\r\n|\n)?/g, '<wp-line-break>' );
|
|
return a.replace( /\r?\n/g, '<wp-line-break>' );
|
|
});
|
|
}
|
|
|
|
// Remove line breaks but keep <br> tags inside image captions.
|
|
if ( html.indexOf( '[caption' ) !== -1 ) {
|
|
preserve_br = true;
|
|
html = html.replace( /\[caption[\s\S]+?\[\/caption\]/g, function( a ) {
|
|
return a.replace( /<br([^>]*)>/g, '<wp-temp-br$1>' ).replace( /[\r\n\t]+/, '' );
|
|
});
|
|
}
|
|
|
|
// Normalize white space characters before and after block tags.
|
|
html = html.replace( new RegExp( '\\s*</(' + blocklist1 + ')>\\s*', 'g' ), '</$1>\n' );
|
|
html = html.replace( new RegExp( '\\s*<((?:' + blocklist1 + ')(?: [^>]*)?)>', 'g' ), '\n<$1>' );
|
|
|
|
// Mark </p> if it has any attributes.
|
|
html = html.replace( /(<p [^>]+>.*?)<\/p>/g, '$1</p#>' );
|
|
|
|
// Preserve the first <p> inside a <div>.
|
|
html = html.replace( /<div( [^>]*)?>\s*<p>/gi, '<div$1>\n\n' );
|
|
|
|
// Remove paragraph tags.
|
|
html = html.replace( /\s*<p>/gi, '' );
|
|
html = html.replace( /\s*<\/p>\s*/gi, '\n\n' );
|
|
|
|
// Normalize white space chars and remove multiple line breaks.
|
|
html = html.replace( /\n[\s\u00a0]+\n/g, '\n\n' );
|
|
|
|
// Replace <br> tags with line breaks.
|
|
html = html.replace( /(\s*)<br ?\/?>\s*/gi, function( match, space ) {
|
|
if ( space && space.indexOf( '\n' ) !== -1 ) {
|
|
return '\n\n';
|
|
}
|
|
|
|
return '\n';
|
|
});
|
|
|
|
// Fix line breaks around <div>.
|
|
html = html.replace( /\s*<div/g, '\n<div' );
|
|
html = html.replace( /<\/div>\s*/g, '</div>\n' );
|
|
|
|
// Fix line breaks around caption shortcodes.
|
|
html = html.replace( /\s*\[caption([^\[]+)\[\/caption\]\s*/gi, '\n\n[caption$1[/caption]\n\n' );
|
|
html = html.replace( /caption\]\n\n+\[caption/g, 'caption]\n\n[caption' );
|
|
|
|
// Pad block elements tags with a line break.
|
|
html = html.replace( new RegExp('\\s*<((?:' + blocklist2 + ')(?: [^>]*)?)\\s*>', 'g' ), '\n<$1>' );
|
|
html = html.replace( new RegExp('\\s*</(' + blocklist2 + ')>\\s*', 'g' ), '</$1>\n' );
|
|
|
|
// Indent <li>, <dt> and <dd> tags.
|
|
html = html.replace( /<((li|dt|dd)[^>]*)>/g, ' \t<$1>' );
|
|
|
|
// Fix line breaks around <select> and <option>.
|
|
if ( html.indexOf( '<option' ) !== -1 ) {
|
|
html = html.replace( /\s*<option/g, '\n<option' );
|
|
html = html.replace( /\s*<\/select>/g, '\n</select>' );
|
|
}
|
|
|
|
// Pad <hr> with two line breaks.
|
|
if ( html.indexOf( '<hr' ) !== -1 ) {
|
|
html = html.replace( /\s*<hr( [^>]*)?>\s*/g, '\n\n<hr$1>\n\n' );
|
|
}
|
|
|
|
// Remove line breaks in <object> tags.
|
|
if ( html.indexOf( '<object' ) !== -1 ) {
|
|
html = html.replace( /<object[\s\S]+?<\/object>/g, function( a ) {
|
|
return a.replace( /[\r\n]+/g, '' );
|
|
});
|
|
}
|
|
|
|
// Unmark special paragraph closing tags.
|
|
html = html.replace( /<\/p#>/g, '</p>\n' );
|
|
|
|
// Pad remaining <p> tags whit a line break.
|
|
html = html.replace( /\s*(<p [^>]+>[\s\S]*?<\/p>)/g, '\n$1' );
|
|
|
|
// Trim.
|
|
html = html.replace( /^\s+/, '' );
|
|
html = html.replace( /[\s\u00a0]+$/, '' );
|
|
|
|
if ( preserve_linebreaks ) {
|
|
html = html.replace( /<wp-line-break>/g, '\n' );
|
|
}
|
|
|
|
if ( preserve_br ) {
|
|
html = html.replace( /<wp-temp-br([^>]*)>/g, '<br$1>' );
|
|
}
|
|
|
|
// Restore preserved tags.
|
|
if ( preserve.length ) {
|
|
html = html.replace( /<wp-preserve>/g, function() {
|
|
return preserve.shift();
|
|
} );
|
|
}
|
|
|
|
return html;
|
|
}
|
|
|
|
/**
|
|
* @summary Replaces two line breaks with a paragraph tag and one line break with a <br>.
|
|
*
|
|
* Similar to `wpautop()` in formatting.php.
|
|
*
|
|
* @since 2.5.0
|
|
*
|
|
* @memberof switchEditors
|
|
*
|
|
* @param {string} text The text input.
|
|
* @returns {string} The formatted text.
|
|
*/
|
|
function autop( text ) {
|
|
var preserve_linebreaks = false,
|
|
preserve_br = false,
|
|
blocklist = 'table|thead|tfoot|caption|col|colgroup|tbody|tr|td|th|div|dl|dd|dt|ul|ol|li|pre' +
|
|
'|form|map|area|blockquote|address|math|style|p|h[1-6]|hr|fieldset|legend|section' +
|
|
'|article|aside|hgroup|header|footer|nav|figure|figcaption|details|menu|summary';
|
|
|
|
// Normalize line breaks.
|
|
text = text.replace( /\r\n|\r/g, '\n' );
|
|
|
|
if ( text.indexOf( '\n' ) === -1 ) {
|
|
return text;
|
|
}
|
|
|
|
// Remove line breaks from <object>.
|
|
if ( text.indexOf( '<object' ) !== -1 ) {
|
|
text = text.replace( /<object[\s\S]+?<\/object>/g, function( a ) {
|
|
return a.replace( /\n+/g, '' );
|
|
});
|
|
}
|
|
|
|
// Remove line breaks from tags.
|
|
text = text.replace( /<[^<>]+>/g, function( a ) {
|
|
return a.replace( /[\n\t ]+/g, ' ' );
|
|
});
|
|
|
|
// Preserve line breaks in <pre> and <script> tags.
|
|
if ( text.indexOf( '<pre' ) !== -1 || text.indexOf( '<script' ) !== -1 ) {
|
|
preserve_linebreaks = true;
|
|
text = text.replace( /<(pre|script)[^>]*>[\s\S]*?<\/\1>/g, function( a ) {
|
|
return a.replace( /\n/g, '<wp-line-break>' );
|
|
});
|
|
}
|
|
|
|
if ( text.indexOf( '<figcaption' ) !== -1 ) {
|
|
text = text.replace( /\s*(<figcaption[^>]*>)/g, '$1' );
|
|
text = text.replace( /<\/figcaption>\s*/g, '</figcaption>' );
|
|
}
|
|
|
|
// Keep <br> tags inside captions.
|
|
if ( text.indexOf( '[caption' ) !== -1 ) {
|
|
preserve_br = true;
|
|
|
|
text = text.replace( /\[caption[\s\S]+?\[\/caption\]/g, function( a ) {
|
|
a = a.replace( /<br([^>]*)>/g, '<wp-temp-br$1>' );
|
|
|
|
a = a.replace( /<[^<>]+>/g, function( b ) {
|
|
return b.replace( /[\n\t ]+/, ' ' );
|
|
});
|
|
|
|
return a.replace( /\s*\n\s*/g, '<wp-temp-br />' );
|
|
});
|
|
}
|
|
|
|
text = text + '\n\n';
|
|
text = text.replace( /<br \/>\s*<br \/>/gi, '\n\n' );
|
|
|
|
// Pad block tags with two line breaks.
|
|
text = text.replace( new RegExp( '(<(?:' + blocklist + ')(?: [^>]*)?>)', 'gi' ), '\n\n$1' );
|
|
text = text.replace( new RegExp( '(</(?:' + blocklist + ')>)', 'gi' ), '$1\n\n' );
|
|
text = text.replace( /<hr( [^>]*)?>/gi, '<hr$1>\n\n' );
|
|
|
|
// Remove white space chars around <option>.
|
|
text = text.replace( /\s*<option/gi, '<option' );
|
|
text = text.replace( /<\/option>\s*/gi, '</option>' );
|
|
|
|
// Normalize multiple line breaks and white space chars.
|
|
text = text.replace( /\n\s*\n+/g, '\n\n' );
|
|
|
|
// Convert two line breaks to a paragraph.
|
|
text = text.replace( /([\s\S]+?)\n\n/g, '<p>$1</p>\n' );
|
|
|
|
// Remove empty paragraphs.
|
|
text = text.replace( /<p>\s*?<\/p>/gi, '');
|
|
|
|
// Remove <p> tags that are around block tags.
|
|
text = text.replace( new RegExp( '<p>\\s*(</?(?:' + blocklist + ')(?: [^>]*)?>)\\s*</p>', 'gi' ), '$1' );
|
|
text = text.replace( /<p>(<li.+?)<\/p>/gi, '$1');
|
|
|
|
// Fix <p> in blockquotes.
|
|
text = text.replace( /<p>\s*<blockquote([^>]*)>/gi, '<blockquote$1><p>');
|
|
text = text.replace( /<\/blockquote>\s*<\/p>/gi, '</p></blockquote>');
|
|
|
|
// Remove <p> tags that are wrapped around block tags.
|
|
text = text.replace( new RegExp( '<p>\\s*(</?(?:' + blocklist + ')(?: [^>]*)?>)', 'gi' ), '$1' );
|
|
text = text.replace( new RegExp( '(</?(?:' + blocklist + ')(?: [^>]*)?>)\\s*</p>', 'gi' ), '$1' );
|
|
|
|
text = text.replace( /(<br[^>]*>)\s*\n/gi, '$1' );
|
|
|
|
// Add <br> tags.
|
|
text = text.replace( /\s*\n/g, '<br />\n');
|
|
|
|
// Remove <br> tags that are around block tags.
|
|
text = text.replace( new RegExp( '(</?(?:' + blocklist + ')[^>]*>)\\s*<br />', 'gi' ), '$1' );
|
|
text = text.replace( /<br \/>(\s*<\/?(?:p|li|div|dl|dd|dt|th|pre|td|ul|ol)>)/gi, '$1' );
|
|
|
|
// Remove <p> and <br> around captions.
|
|
text = text.replace( /(?:<p>|<br ?\/?>)*\s*\[caption([^\[]+)\[\/caption\]\s*(?:<\/p>|<br ?\/?>)*/gi, '[caption$1[/caption]' );
|
|
|
|
// Make sure there is <p> when there is </p> inside block tags that can contain other blocks.
|
|
text = text.replace( /(<(?:div|th|td|form|fieldset|dd)[^>]*>)(.*?)<\/p>/g, function( a, b, c ) {
|
|
if ( c.match( /<p( [^>]*)?>/ ) ) {
|
|
return a;
|
|
}
|
|
|
|
return b + '<p>' + c + '</p>';
|
|
});
|
|
|
|
// Restore the line breaks in <pre> and <script> tags.
|
|
if ( preserve_linebreaks ) {
|
|
text = text.replace( /<wp-line-break>/g, '\n' );
|
|
}
|
|
|
|
// Restore the <br> tags in captions.
|
|
if ( preserve_br ) {
|
|
text = text.replace( /<wp-temp-br([^>]*)>/g, '<br$1>' );
|
|
}
|
|
|
|
return text;
|
|
}
|
|
|
|
/**
|
|
* @summary Fires custom jQuery events `beforePreWpautop` and `afterPreWpautop` when jQuery is available.
|
|
*
|
|
* @since 2.9.0
|
|
*
|
|
* @memberof switchEditors
|
|
*
|
|
* @param {String} html The content from the visual editor.
|
|
* @returns {String} the filtered content.
|
|
*/
|
|
function pre_wpautop( html ) {
|
|
var obj = { o: exports, data: html, unfiltered: html };
|
|
|
|
if ( $ ) {
|
|
$( 'body' ).trigger( 'beforePreWpautop', [ obj ] );
|
|
}
|
|
|
|
obj.data = removep( obj.data );
|
|
|
|
if ( $ ) {
|
|
$( 'body' ).trigger( 'afterPreWpautop', [ obj ] );
|
|
}
|
|
|
|
return obj.data;
|
|
}
|
|
|
|
/**
|
|
* @summary Fires custom jQuery events `beforeWpautop` and `afterWpautop` when jQuery is available.
|
|
*
|
|
* @since 2.9.0
|
|
*
|
|
* @memberof switchEditors
|
|
*
|
|
* @param {String} text The content from the text editor.
|
|
* @returns {String} filtered content.
|
|
*/
|
|
function wpautop( text ) {
|
|
var obj = { o: exports, data: text, unfiltered: text };
|
|
|
|
if ( $ ) {
|
|
$( 'body' ).trigger( 'beforeWpautop', [ obj ] );
|
|
}
|
|
|
|
obj.data = autop( obj.data );
|
|
|
|
if ( $ ) {
|
|
$( 'body' ).trigger( 'afterWpautop', [ obj ] );
|
|
}
|
|
|
|
return obj.data;
|
|
}
|
|
|
|
if ( $ ) {
|
|
$( document ).ready( init );
|
|
} else if ( document.addEventListener ) {
|
|
document.addEventListener( 'DOMContentLoaded', init, false );
|
|
window.addEventListener( 'load', init, false );
|
|
} else if ( window.attachEvent ) {
|
|
window.attachEvent( 'onload', init );
|
|
document.attachEvent( 'onreadystatechange', function() {
|
|
if ( 'complete' === document.readyState ) {
|
|
init();
|
|
}
|
|
} );
|
|
}
|
|
|
|
wp.editor.autop = wpautop;
|
|
wp.editor.removep = pre_wpautop;
|
|
|
|
exports = {
|
|
go: switchEditor,
|
|
wpautop: wpautop,
|
|
pre_wpautop: pre_wpautop,
|
|
_wp_Autop: autop,
|
|
_wp_Nop: removep
|
|
};
|
|
|
|
return exports;
|
|
}
|
|
|
|
/**
|
|
* @namespace {SwitchEditors} switchEditors
|
|
* Expose the switch editors to be used globally.
|
|
*/
|
|
window.switchEditors = new SwitchEditors();
|
|
|
|
/**
|
|
* Initialize TinyMCE and/or Quicktags. For use with wp_enqueue_editor() (PHP).
|
|
*
|
|
* Intended for use with an existing textarea that will become the Text editor tab.
|
|
* The editor width will be the width of the textarea container, height will be adjustable.
|
|
*
|
|
* Settings for both TinyMCE and Quicktags can be passed on initialization, and are "filtered"
|
|
* with custom jQuery events on the document element, wp-before-tinymce-init and wp-before-quicktags-init.
|
|
*
|
|
* @since 4.8
|
|
*
|
|
* @param {string} id The HTML id of the textarea that is used for the editor.
|
|
* Has to be jQuery compliant. No brackets, special chars, etc.
|
|
* @param {object} settings Example:
|
|
* settings = {
|
|
* // See https://www.tinymce.com/docs/configure/integration-and-setup/.
|
|
* // Alternatively set to `true` to use the defaults.
|
|
* tinymce: {
|
|
* setup: function( editor ) {
|
|
* console.log( 'Editor initialized', editor );
|
|
* }
|
|
* }
|
|
*
|
|
* // Alternatively set to `true` to use the defaults.
|
|
* quicktags: {
|
|
* buttons: 'strong,em,link'
|
|
* }
|
|
* }
|
|
*/
|
|
wp.editor.initialize = function( id, settings ) {
|
|
var init;
|
|
var defaults;
|
|
|
|
if ( ! $ || ! id || ! wp.editor.getDefaultSettings ) {
|
|
return;
|
|
}
|
|
|
|
defaults = wp.editor.getDefaultSettings();
|
|
|
|
// Initialize TinyMCE by default
|
|
if ( ! settings ) {
|
|
settings = {
|
|
tinymce: true
|
|
};
|
|
}
|
|
|
|
// Add wrap and the Visual|Text tabs.
|
|
if ( settings.tinymce && settings.quicktags ) {
|
|
var $textarea = $( '#' + id );
|
|
var $wrap = $( '<div>' ).attr( {
|
|
'class': 'wp-core-ui wp-editor-wrap tmce-active',
|
|
id: 'wp-' + id + '-wrap'
|
|
} );
|
|
var $editorContainer = $( '<div class="wp-editor-container">' );
|
|
var $button = $( '<button>' ).attr( {
|
|
type: 'button',
|
|
'data-wp-editor-id': id
|
|
} );
|
|
|
|
$wrap.append(
|
|
$( '<div class="wp-editor-tools">' )
|
|
.append( $( '<div class="wp-editor-tabs">' )
|
|
.append( $button.clone().attr({
|
|
id: id + '-tmce',
|
|
'class': 'wp-switch-editor switch-tmce'
|
|
}).text( window.tinymce.translate( 'Visual' ) ) )
|
|
.append( $button.attr({
|
|
id: id + '-html',
|
|
'class': 'wp-switch-editor switch-html'
|
|
}).text( window.tinymce.translate( 'Text' ) ) )
|
|
).append( $editorContainer )
|
|
);
|
|
|
|
$textarea.after( $wrap );
|
|
$editorContainer.append( $textarea );
|
|
}
|
|
|
|
if ( window.tinymce && settings.tinymce ) {
|
|
if ( typeof settings.tinymce !== 'object' ) {
|
|
settings.tinymce = {};
|
|
}
|
|
|
|
init = $.extend( {}, defaults.tinymce, settings.tinymce );
|
|
init.selector = '#' + id;
|
|
|
|
$( document ).trigger( 'wp-before-tinymce-init', init );
|
|
window.tinymce.init( init );
|
|
|
|
if ( ! window.wpActiveEditor ) {
|
|
window.wpActiveEditor = id;
|
|
}
|
|
}
|
|
|
|
if ( window.quicktags && settings.quicktags ) {
|
|
if ( typeof settings.quicktags !== 'object' ) {
|
|
settings.quicktags = {};
|
|
}
|
|
|
|
init = $.extend( {}, defaults.quicktags, settings.quicktags );
|
|
init.id = id;
|
|
|
|
$( document ).trigger( 'wp-before-quicktags-init', init );
|
|
window.quicktags( init );
|
|
|
|
if ( ! window.wpActiveEditor ) {
|
|
window.wpActiveEditor = init.id;
|
|
}
|
|
}
|
|
};
|
|
|
|
/**
|
|
* Remove one editor instance.
|
|
*
|
|
* Intended for use with editors that were initialized with wp.editor.initialize().
|
|
*
|
|
* @since 4.8
|
|
*
|
|
* @param {string} id The HTML id of the editor textarea.
|
|
*/
|
|
wp.editor.remove = function( id ) {
|
|
var mceInstance, qtInstance,
|
|
$wrap = $( '#wp-' + id + '-wrap' );
|
|
|
|
if ( window.tinymce ) {
|
|
mceInstance = window.tinymce.get( id );
|
|
|
|
if ( mceInstance ) {
|
|
if ( ! mceInstance.isHidden() ) {
|
|
mceInstance.save();
|
|
}
|
|
|
|
mceInstance.remove();
|
|
}
|
|
}
|
|
|
|
if ( window.quicktags ) {
|
|
qtInstance = window.QTags.getInstance( id );
|
|
|
|
if ( qtInstance ) {
|
|
qtInstance.remove();
|
|
}
|
|
}
|
|
|
|
if ( $wrap.length ) {
|
|
$wrap.after( $( '#' + id ) );
|
|
$wrap.remove();
|
|
}
|
|
};
|
|
|
|
/**
|
|
* Get the editor content.
|
|
*
|
|
* Intended for use with editors that were initialized with wp.editor.initialize().
|
|
*
|
|
* @since 4.8
|
|
*
|
|
* @param {string} id The HTML id of the editor textarea.
|
|
* @return The editor content.
|
|
*/
|
|
wp.editor.getContent = function( id ) {
|
|
var editor;
|
|
|
|
if ( ! $ || ! id ) {
|
|
return;
|
|
}
|
|
|
|
if ( window.tinymce ) {
|
|
editor = window.tinymce.get( id );
|
|
|
|
if ( editor && ! editor.isHidden() ) {
|
|
editor.save();
|
|
}
|
|
}
|
|
|
|
return $( '#' + id ).val();
|
|
};
|
|
|
|
}( window.jQuery, window.wp ));
|