[CKEditor] WYSIWYGで編集中のデータを取得する | umbrella_process blog

CKEditorがかなり便利。かなり使いやすいWYSIWYGエディタで、導入も驚くほどカンタン。インストール方法もまとめておきたいが、詰まった点があったのでメモ。 CKEditorにもネイティブでプレビュー機能があるのだが、当然エディタで編集している範囲しかプレビューされない。エディタが入っている以外のinputタグの内容などもあわせた「編集内容をプレビュー」機能を持たせたければ、エディタから編集中のデータを取り出さなければならないので、その方法です。 // 「editor1」が、CKEditorに置き換えたtextareaを差すので、環境に合わせ変えてください。 data = CKEDITOR.instances.editor1.getData(); alert(data); CKEditor自体も、formをsubmitする際にエディタ部分のデータを取得してtextareaのvalue