How to reference textarea contents

[sharkboy]

First off let me chime in on what a great tool this is. I am using a JS Library that would allow me to add an HTML editor with a single line of code, but it would be all fouled up with font tags, etc. I really appreciate the attention to semantics that wymeditor provides.

I think my question is pretty simple, and please excuse me if it is an obvious one, or if it has been answered in another post (I did search ).

I am trying to pass the value of the contents of the wymeditor textarea to an alert box when the submit button is clicked.

I know the textarea value can normally be referenced by:

Code: Select all

alert(document.getElementById('myTextarea').value)

but when applied to the wymeditor textarea, the value is null.

What variable or DOM reference can I use to make the alertbox in the code above return the value of the wymeditor textarea?

Thanks very much for your time, and the great tool.

[jfh]

You should do something like:

Code: Select all

jQuery(function() {
    jQuery('.wymeditor').wymeditor({
       
        //your options here

        postInit: function(wym) {
            jQuery('#yoursubmitbutton').click( function() {
                alert(wym.xhtml());
            });
        }
    });
});


Note: you can replace 'jQuery' by '$', if you prefer.

It would be a good idea to take a look at jQuery's documentation too, you'll save much time using it, trust me

[eadevel]

After carefully reading the documentation I had to look at the source code to get the correct answer.

Imagine you had to update two instances with a click of a button, for sending the content with ajax for example.

There's a better way to get the instance without binding it to some function:
var wym = $.wymeditors(index);

If you assume you only have one instance your index will be 0, else you'll have to figure out what's the one you want or iterate them all.

Btw, will this project join the jquery ui library? Or are they doing another rte on their own? Why not join them?

[paperogiallo]

What variable or DOM reference can I use to make the alertbox in the code above return the value of the wymeditor textarea?

I would like to know the same, I need to retrieve textarea value outside from postInit wymeditor function...

Thanks in advance.

[eadevel]

@paperogiallo
First you get the wym instance:
var wym = $.wymeditors(0);

Then you check the api to see what you can do with it:
http://trac.wymeditor.org/trac/wiki/0.4/API

Basically you can do this:
alert($.wymeditors(0).xhtml());

For testing you can do it using a button:
<button onclick="alert($.wymeditors(0).xhtml());">debug</button>

Hope it helps....

[paperogiallo]

Yes, it help a lot! Very thanks!