CODEWITHSUNDEEP
javascripttinymce
crayon
crayon

Reputation: 81

Tinymce 4.2.0 got Cannot read property 'setContent' of null

I got Cannot read property 'setContent' of null, when i want to using setContent function. Intended for set value in text editor generated by Tinymce library. Is am wrong to implemented it?Below is my snippet code:

<textarea name="content"></textarea>      
<script src="assets/tinymce/tinymce.min.js"></script>
<script>
  tinymce.init({
    selector:'textarea'
  });          
  tinymce.activeEditor.setContent('custom');
</script>

Does anyone knows about this problem? Thanks! any effort would be appreciated

Upvotes: 3

Views: 12512

Answers (3)

Darth Veyda
Darth Veyda

Reputation: 888

Real late to the party, but tinyMCE.init also has setup configuration option which allows to add any event handlers to the specific editor being initialised:

tinymce.init({
        setup: editor => {
            editor.on('init', () => {
                editor.setContent('custom');
            });
        }
    });

Upvotes: 2

user2090820
user2090820

Reputation: 1

There is other turn around for your solution:

Call setContent within $( window ).load(function(){}) but you have initialize jquery first.

Modified code will look like below:

<textarea name="content"></textarea>      
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="assets/tinymce/tinymce.min.js"></script>
<script>
  tinymce.init({
    selector:'textarea'
  }); 
$( window ).load(function(){         
  tinymce.activeEditor.setContent('custom');
});
</script>

Upvotes: 0

michielve
michielve

Reputation: 569

You have to wait until the editor is initialized:

tinymce.init({
  selector:'textarea',
  init_instance_callback : function(editor) {
    editor.setContent('custom');
  }
});

Upvotes: 16

Related Questions