「八百万」で「やおよろず」

TinyMCEと言うWYSIWYGエディタを簡単にWebに再現できるJQueryのツールがあります。
WYSIWYGとは、What You See Is What You Get（あなたが見るものはあなたが得るもの）と言うことで、直感的に文字を入力出来るエディタって感じですかね。

TinyMCEで作ったTextArea領域をJavaScriptで別のアクションから参照・変更をしたくなりました。
さて、、、普通に考えるとwindow.document.form.textarea.valueで参照できるのですが・・・ちょっと上手く行かない。

上手く行かないと言うのは、TextArea内を通常入力で修正後、上記のアクションを呼び出しても情報が更新されていない。。。

う～む。
ここからが悩みどころ。

document.getElementById("textarea");

これでやっても結果は同じ。
おまけに両方とも修正が出来ない。


悩んだ挙句、こんな事できるのか！？と言うのを発見しました。

tinyMCE.get("textarea").getContent();

これで、TinyMCEで設定されたTextAreaの情報を最新の奴が取れました！！

と言うことは・・・？

tinyMCE.get("textarea").setContent("テストだよ～");

で、修正が出来る！！
ちょっと感動！！

と言うか無知だった自分が恥ずかしい。汗
もっと勉強しないといけませんね。

参考にしたのはここ↓
http://wiki.moxiecode.com/index.php/TinyMCE:Functions