-
Notifications
You must be signed in to change notification settings - Fork 423
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
6 changed files
with
345 additions
and
122 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,3 +1,6 @@ | ||
| .rwmb-field .mceIframeContainer { | ||
| background: #fff; | ||
| } | ||
| } | ||
| .rwmb-wysiwyg-clone { | ||
| padding-top: 20px; | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,100 @@ | ||
| /* global tinymce, quicktags */ | ||
|
|
||
| jQuery( function ( $ ) | ||
| { | ||
| 'use strict'; | ||
|
|
||
| /** | ||
| * Update date picker element | ||
| * Used for static & dynamic added elements (when clone) | ||
| */ | ||
| function update() | ||
| { | ||
| var $this = $( this ), | ||
| $wrapper = $this.closest( '.wp-editor-wrap' ), | ||
| id = $this.attr( 'id' ); | ||
|
|
||
| // Ignore existing editor. | ||
| if ( tinyMCEPreInit.mceInit[id] ) | ||
| { | ||
| return; | ||
| } | ||
|
|
||
| // Get id of the original editor to get its tinyMCE and quick tags settings | ||
| var originalId = getOriginalId( $this ); | ||
| if ( !originalId ) | ||
| { | ||
| return; | ||
| } | ||
|
|
||
| // Update the DOM | ||
| $this.show(); | ||
| updateDom( $wrapper, id ); | ||
|
|
||
| // TinyMCE | ||
| var settings = tinyMCEPreInit.mceInit[originalId]; | ||
| settings.selector = '#' + id; | ||
| tinymce.init( settings ); | ||
|
|
||
| // Quick tags | ||
| if ( typeof quicktags === 'function' && tinyMCEPreInit.qtInit.hasOwnProperty( originalId ) ) | ||
| { | ||
| var qtSettings = tinyMCEPreInit.qtInit[originalId]; | ||
| qtSettings.id = id; | ||
| quicktags( qtSettings ); | ||
| QTags._buttonsInit(); | ||
| } | ||
| } | ||
|
|
||
| /** | ||
| * Get original ID of the textarea | ||
| * The ID will be used to reference to tinyMCE and quick tags settings | ||
| * @param $el Current cloned textarea | ||
| */ | ||
| function getOriginalId( $el ) | ||
| { | ||
| var $clones = $el.closest( '.rwmb-clone' ).siblings( '.rwmb-clone' ), | ||
| id = ''; | ||
| $clones.each( function () | ||
| { | ||
| var currentId = $( this ).find( '.rwmb-wysiwyg' ).attr( 'id' ); | ||
| if ( tinyMCEPreInit.mceInit.hasOwnProperty( currentId ) ) | ||
| { | ||
| id = currentId; | ||
| return false; // Immediately stop the .each() loop | ||
| } | ||
| } ); | ||
| return id; | ||
| } | ||
|
|
||
| /** | ||
| * Update id, class, [data-] attributes, ... of the cloned editor. | ||
| * @param $wrapper Editor wrapper element | ||
| * @param id Editor ID | ||
| */ | ||
| function updateDom( $wrapper, id ) | ||
| { | ||
| // Wrapper div and media buttons | ||
| $wrapper.attr( 'id', 'wp-' + id + '-wrap' ) | ||
| .removeClass( 'html-active' ).addClass( 'mce-active' ) // Active the visual mode by default | ||
| .find( '.mce-container' ).remove().end() // Remove rendered tinyMCE editor | ||
| .find( '.wp-editor-tools' ).attr( 'id', 'wp-' + id + '-editor-tools' ) | ||
| .find( '.wp-media-buttons' ).attr( 'id', 'wp-' + id + '-media-buttons' ) | ||
| .find( 'button' ).data( 'editor', id ).attr( 'data-editor', id ); | ||
|
|
||
| // Editor tabs | ||
| $wrapper.find( '.switch-tmce' ) | ||
| .attr( 'id', id + 'tmce' ) | ||
| .data( 'wp-editor-id', id ).attr( 'data-wp-editor-id', id ).end() | ||
| .find( '.switch-html' ) | ||
| .attr( 'id', id + 'html' ) | ||
| .data( 'wp-editor-id', id ).attr( 'data-wp-editor-id', id ); | ||
|
|
||
| // Quick tags | ||
| $wrapper.find( '.wp-editor-container' ).attr( 'id', 'wp-' + id + '-editor-container' ) | ||
| .find( '.quicktags-toolbar' ).attr( 'id', 'qt_' + id + '_toolbar' ).html( '' ); | ||
| } | ||
|
|
||
| $( ':input.rwmb-date' ).each( update ); | ||
| $( '.rwmb-input' ).on( 'clone', ':input.rwmb-wysiwyg', update ); | ||
| } ); |
Oops, something went wrong.