tinyMCE error whe trying to get content

Question

I am getting this error : Uncaught TypeError: Cannot read property 'getContent' of undefined

if (tinymce.editors.length > 0) {
                alert('editor exist')
                var myEditor = tinyMCE.get['rteCaseHeading'].getContent();
                $("#bookId").html(myEditor);
            }

In Html :

<textarea class="mceEditor" id="rteCaseHeading"  rows="10" cols="100" style="height: 300px"> </textarea>

I also have specified : editor_selector : "mceEditor",during tinyMCE init.

I have referred various links/questions on this error and implemented.

This somehow still throws error though length of editors is greater than zero.

Someone , please suggest am struggling since more than 2-3 hrs with this issue. [UPDATE]

I referred this link and added the below code : http://jsfiddle.net/9euk9/49/

 ed.on('change', function () {
                    ed.save();
                });

Still, no luck. Thanks a lot!

Are you calling the .triggerSave(); method before using the .getContent(); method? — David R
– David R, Commented Sep 12, 2016 at 12:20
Hello , I am not calling any other method. Could you please guide me here? I am using version 3.X . Thank You ! — user2598808
– user2598808, Commented Sep 12, 2016 at 12:26
Hi David R, I read your comment and added ed.save(); as well. Still no luck, Please suggest ! — user2598808
– user2598808, Commented Sep 12, 2016 at 12:37

David R · Accepted Answer · 2016-09-12 12:43:34Z

1

Enclose your <textarea> inside <form></form> tags.

Checkout the below code,

HTML

<form method="post" action="action_page">
<textarea class="mceEditor" id="rteCaseHeading"  rows="10" cols="100" style="height: 300px">testtestet</textarea>
</form>

<button onclick="content()">Get content</button>

Javascript

tinyMCE.init({
        mode : "specific_textareas",
        editor_selector : "mceEditor"  
});

function content(){
    alert(tinyMCE.get('rteCaseHeading').getContent());
}

Working Fiddle - http://jsfiddle.net/kqa13zz4/52/

Note: In fiddle, I have written the function content() function as window.content = function()... since fiddle accepts function declaration in that way only.

Hope this helps!

answered Sep 12, 2016 at 12:43

David R

15.7k8 gold badges59 silver badges74 bronze badges

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

Comments

Michael Fromin · Accepted Answer · 2016-09-12 16:08:26Z

0

You are not calling the get() method correctly. You have this:

var myEditor = tinyMCE.get['rteCaseHeading'].getContent();

...it should be this:

var myEditor = tinyMCE.get('rteCaseHeading').getContent();

The way you have things written you are trying to access an array on the tinyMCE object - but the get is a method not an array - it is a method on the tinyMCE object hence the need for parenthesis and not square brackets.

https://www.tinymce.com/docs/api/tinymce/root_tinymce/#get

(the method call is the same for TinyMCE 3 and 4)

edited Sep 12, 2016 at 16:08

answered Sep 12, 2016 at 13:42

Michael Fromin

13.9k2 gold badges25 silver badges35 bronze badges

Collectives™ on Stack Overflow

tinyMCE error whe trying to get content

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related