CKEDITOR Define Editable Area

Question

I'm using CKEDITOR to update the body content of various pages on a website. While I have applied the existing stylesheets via config.contentsCss, I need to wrap the editable area in some HTML like:

<div id="contentWrapper">
   <div id="content">
     [EDITABLE CONTENT]
   </div>
</div>

Additionally, I need for only [EDITABLE CONTENT] to be written to the CKEDITOR <textarea> element and not the wrapper.

Anybody have any ideas?

Answer 1

I'd recommend putting your page data into a back-end database, then pulling that into your CKeditor instance and making the update to that rather than attempting to parse your page and pull the code in that manner. If you are worried about the back-end processing hit to pull from the db you can generate cached pages using the database code.