tinymce-4

I am upgrading to tinyMCE 4.x and I am attempting to initialize tinyMCE on a textarea loaded via AJAX. In 3.x I did something of the sort: TinyMCE - attach to divs loaded via AJAX calls but this does not seem to work in 4.x. Arquimedes de Siracusa tinymce.remove(); tinymce.init(); This works well! In TinyMCE 4.x mceRemoveControl and mceAddControl have been removed. You have to use mceRemoveEditor and mceAddEditor instead. Got it from: [Resolved] mceRemoveControl and mceAddControl in tinymce 4 Otherwise, you can reload tinymce.init({ ... }) but that should not be the way as it would be slower.

I am upgrading to tinyMCE 4.x and I am attempting to initialize tinyMCE on a textarea loaded via AJAX. In 3.x I did something of the sort: TinyMCE - attach to divs loaded via AJAX calls but this does not seem to work in 4.x. Arquimedes de Siracusa tinymce.remove(); tinymce.init(); This works well! In TinyMCE 4.x mceRemoveControl and mceAddControl have been removed. You have to use mceRemoveEditor and mceAddEditor instead. Got it from: [Resolved] mceRemoveControl and mceAddControl in tinymce 4 Otherwise, you can reload tinymce.init({ ... }) but that should not be the way as it would be slower.

I've seen this post What is the TinyMCE jQuery Package? which explains what the v4 TinyMCE jQuery package is but the post and the tinymce site only contain examples of v3. When I download the v4 TinyMCE jQuery package there is no tiny_mce.js; there seems to be two files jquery.tinymce.min.js and tinymce.min.js. I've read that if I include both files then I am using full TinyMCE and not the jQuery version, but if I only include the jQuery file, my call to tinyMCE.init fails with "tinyMCE is not defined". I'd really rather be figuring this out from the documentation, but I've tried to search it

I am using tinyMCE4 editor inside a Boostrap modal dialog. when I clicked on link icon it opens a new modal dialog box, It displayed fine but the input areas are not editable. <div id="editing" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <form> <label> <span>Description</span> <div id="description"></div> </label> <form> </div> <script> tinymce.init({ selector: 'div#description', inline: false, theme : "modern", schema: "html5", add_unload_trigger: false, statusbar: false, plugins: "link", toolbar: "link | undo redo", menubar: false })