Getting WP Tinymce's Content

javascript wordpress tinymce wysiwyg
Eray picture Eray · Apr 22, 2011 · Viewed 14.2k times · Source

I'm trying to write a Wordpress plugin. I will get counts words which in WP's Tinymce editor. Basically, it's a word counter which counting long of your post and giving you this message in a meta box

Your post has 450 words

My just problem is getting words from Tinymce via javascript. This isn't working :

document.getElementById('content')

Tinymce's content's id is content . But this code returning NULL. I couldn't find valid id name for Tinymce.

In shortly, other all codes are ready, just i can't get words from Wordpress' WYSIWYG editor.

Thanks.

Answer

Mauvis Ledford picture Mauvis Ledford · Apr 30, 2011

Try:

tinymce.activeEditor.getContent();

or 

tinymce.editors.content.getContent();

Where "content" is the id of your textarea.

Similarly, if you wanted to get just the selected (highlighted) text in the TinyMCE text area you would do:

tinymce.activeEditor.selection.getContent();

The full API is here: http://tinymce.moxiecode.com/wiki.php/API3:class.tinymce.Editor

TinyMCE also offers a lot of events you can bind to, particularly in your case the keyup, keydown, and keypressed events.

Be sure to call this stuff only after TinyMCE has loaded on the page.

Related questions

What's the best way to set cursor/caret position?

If I'm inserting content into a textarea that TinyMCE has co-opted, what's the best way to set the position of the cursor/caret? I'm using tinyMCE.execCommand("mceInsertRawHTML", false, content); to insert the content, and I'd like set the cursor …

Read More
Call TinyMCE in a WordPress plugin

Is there a way to add TinyMCE into my own WordPress plugin? I have a textarea in my back end script and want to make this area into a TinyMCE WYSIWYG editable field. Is there a way to do that? …

Read More
Way to check whether TinyMCE is active in WordPress

I'm working on a plugin that, when TinyMCE is in use as the Visual editor, uses TinyMCE commands to insert text into body content editing area. Currently, it works by just running the command. If it works, then TinyMCE is …

Read More