如何使用CKEditor设置带css样式的数据?

时间:2013-03-30 03:37:56

标签: javascript ckeditor

如何使用CSS样式的CKEditor(4.0)设置数据?

$quote = $editor + '<br />'+ 
        '<div class="quote">'+
            '<div class="quote-infos">'+
                '<i class="icon-comment icon-white"></i>'+
                ' <span class="quote-user">'+$user+'</span>,'+
                ' <span class="quote-date">'+$date+'</span> :'+
            '</div>'+
            '<blockquote>'+$div.html()+'</blockquote>'+
        '</div>';   
editorMessage.setData($quote);

在此代码中,当我将数据发送到POST表单时,我只有<div><div><i></i><span ...

1 个答案:

答案 0 :(得分:1)

如果您使用新的4.1 CKEditor,可能是因为新的Advanced Content Filter功能。它从内容HTML中获取标签,属性和属性内容,请参阅demo。将config.allowedContent = true添加到您的配置即可将其关闭。有关API

中配置的更多信息

您可以在CKE实例中轻松测试,方法是进入源模式,手动将一些属性添加到内容中,如<div class="MagicalPonies"><div><i></i><span ...然后切换到所见即所得模式并返回源模式。如果缺少类定义,则很可能是ACF。还尝试添加类似<img alt="X" class="left" src="http://b.cksource.com/a/1/img/sample.jpg" />的类,看看是否坚持。像这样的标准CKE类不会被删除。