[wp-trac] [WordPress Trac] #27380: 3.9 TinyMCE in Modal Dropdown breaks and image editor not visible

[WordPress Trac]

#27380: 3.9 TinyMCE in Modal Dropdown breaks and image editor not visible
---------------------------+-----------------------------
 Reporter:  WPThemeTrends  |      Owner:
     Type:  defect (bug)   |     Status:  new
 Priority:  normal         |  Milestone:  Awaiting Review
Component:  TinyMCE        |    Version:  trunk
 Severity:  normal         |   Keywords:
  Focuses:                 |
---------------------------+-----------------------------
 I use TinyMCE in modals (bootstrap modal master for multiple modals). It
 was working well before 3.9 update. Now I have several issues and all of
 them are TinyMCE inside a modal ;

 1 - When I go to "Formats > Headers > ", "Formats > Inline > ", "Formats >
 Blocks > ", "Formats > Alignment > ". All of those 3rd level menus not
 visible. They go up above the page (Top left corner with). Also throws a
 js error ;

 Uncaught TypeError: Object #<error> has no method 'split'

 2 - Wordpress's default shortcodes are not displayed correctly. For
 example in the visual view it still shows "[caption]" shortcode. It should
 display the caption as a wrapper around the image.

 3 - No edit/delete icon for image. When I click on an image to edit/delete
 no icon displayed.


 More Information : I'm using javascript way to activate TinyMCE. This is
 my HTML markup

 {{{
 <div class="wpt-tinymce-container wp-core-ui wp-editor-wrap tmce-active">
         <div id="wp-content-editor-tools" class="wp-editor-tools hide-if-
 no-js">
                 <a class="wpt-tinymce-switch-html wp-switch-editor switch-
 html" >Text</a>
                 <a class="wpt-tinymce-switch-text wp-switch-editor switch-
 tmce" >Visual</a>
                 <div id="wp-content-media-buttons" class="wp-media-
 buttons"><a href="#" id="insert-media-button" class="button insert-media
 add_media" data-editor="test_tiny_editor" title="Add Media"><span class
 ="wp-media-buttons-icon"></span> Add Media</a></div>
         </div>
         <div class="wp-content-editor-container wp-editor-container">
                 <textarea autocomplete="off" rows="8" cols="40" name
 ="main-textarea-modal" id="main-textarea-modal" class="wpt-tinymce-
 textarea wp-editor-area"></textarea>
         </div>
 </div>
 }}}

 And this is my javascript code to activate Visual editor ;

 {{{
 window.tinyMCE.execCommand("mceAddEditor", true, tiny.attr("id"));
 }}}

--
Ticket URL: <https://core.trac.wordpress.org/ticket/27380>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform