2013-04-03 37 views
1

我有一个运行CKEditor的实例来编辑网站的小部分。原始的HTML是:CKeditor在加载时替换HTML

<div class="slide slideleft"> 
     <a href="#" class="slidelefta"> 
      <img src="img/left.png" alt="previous" /> 
     </a> 
    </div> 
    <div class="slide slidemid noauto" style="height: auto; text-align: center;"> 
    <a href="#" class="sliderighta"> 
     <img src="img/main_item.png" alt="item" /> 
    </a> 
    </div> 
    <div class="slide slideright"> 
     <a href="#" class="sliderighta"> 
      <img src="img/right.png" alt="next" /> 
     </a> 
    </div> 

现在,当我把它加载到CKEdit(一个<textarea>内,所有正确编码与PHP的用htmlspecialchars()方法),它取代了我所有的精心打造的DIV和风格有以下:

<p><a href="#"><img alt="previous" src="img/left.png" /></a></p> 
<p><a href="#"><img alt="burg.ring1" src="img/main_item.png" /></a></p> 
<p><a href="#"><img alt="next" src="img/right.png" /></a></p> 

这当然完全毁了网页的布局。 CKEditor可以以某种方式设置为而不是那样做?

谢谢!

+0

你是如何加载ckeditor的?什么是你的ckeditor配置?你的ckeditor版本是什么? – bizzehdee

+0

这是一个默认安装(v.4.1),没有改变配置。按照他们的“集成”页面(document.ready()中的CKEDITOR.replace('editor'))的描述加载,textarea代码是:'' –

回答

1

由于CKEditor 4.1的高级内容过滤器功能已启用。您需要对其进行配置,以便让HTML通过验证。看到我以前的答案在这里:CKEditor strips inline attributes