CK editor destroy the style of the page even in Inline mode.. how to disable?

Question

what i think to do for my cms is this

<script type=javascript...... src=ckeditor.js>    
<div contentditable=true>
\all of Site code\
</div>

then submit it to database..

the problem is that when i do this the ckeditor disables iframes, swfs, list styles and destroy the style of the page

My goal is like:

Inline Edit with that acts like codeditable="true" with the toolbars of the ckeditor...

it destroys alignments especially make navbars in UL into default list style and others

Answer 1

You're doing it the wrong way. CKEditor is not a website editor, therefore it cannot be used to edit entire website with full spectrum of CSS/HTML/JS used.

It should be rather understood as a "documents" editor. So it should be used to edit semantically consistent, more atomic fragments of the web page. Check the CKEditor integrations for popular CMSes like for example for Drupal .

Also, make sure that you know about the Advanced Content Filter .

Answer 2

而是在具有contentEditable = true的div上，应将要编辑的页面作为文本区域的内容放置（当然，对其进行正确编码），然后将CKEditor设置为使用fullPage模式，这样您就可以进行编辑整个页面。