tinymce editor getContent null in Wordpress

Question

I am trying to use the getContent feature of the Tinymce editor in WordPress admin area but to no avail.

Here is a working pen of what I want to do

https://codepen.io/anon/pen/oWxjyM?editors=1111

HTML

<textarea class="wp-editor-area" rows="20" autocomplete="off" cols="40" name="wprss_ftp_post_prepend" id="wprsspostprepend">&lt;p&gt;To give is good&lt;/p&gt;</textarea>

JS

jQuery(document).ready(function() {
  $("#wprsspostprepend").addClass("prepend_editor");
var name = "wprsspostprepend";
if($("#" + name).length > 0) {

  tinyMCE.init({
        mode : "specific_textareas",
        editor_selector : "prepend_editor"  
});
   var content =  tinyMCE.activeEditor.getContent();
  alert(content);
    tinyMCE.activeEditor.setContent("<div id='random-wrap'>" + content + "</div>");
}
 });

Why am I getting the null reference error in Wordpress if it works in codepen.

Michael Fromin · Accepted Answer · 2017-04-20 14:45:05Z

5

The issue here is likely that the init() method is asynchronous. You appear to be trying to use the tinymce object (e.g. tinymce.activeEditor) immediately after calling init() but the initialization process is likely not complete yet so you have no "active" editor on the page.

If you want to interact with the editor "as soon as its available" you can use an onInit trigger in your TinyMCE init() call. For example:

tinymce.init({
  selector: '#myTextArea",
  setup: function (editor) {
    editor.on('init', function () {
      this.setContent('<p>Add content via on init!</p>');
    });
  }
});

answered Apr 20, 2017 at 14:45

Michael Fromin

13.9k2 gold badges25 silver badges35 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

tinymce editor getContent null in Wordpress

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related