Javascript 如何使用CodeIgniter中的CKeditor4.4.4保持段落格式?

Javascript 如何使用CodeIgniter中的CKeditor4.4.4保持段落格式?,javascript,html,codeigniter,ckeditor,django-ckeditor,Javascript,Html,Codeigniter,Ckeditor,Django Ckeditor,我目前正在CodeIniter中使用内联CKEditor 4.4.4。当我使用CKEditor将数据插入数据库并接收回来时,如何保持段落格式 以下是我的JavaScript代码,带有CKEditor插件和配置: <script> CKEDITOR.inline('skill', { toolbar: [ { name: 'document', groups: [ 'mode', 'document', 'doctools' ], items: [ 'Sourc

我目前正在CodeIniter中使用内联CKEditor 4.4.4。当我使用CKEditor将数据插入数据库并接收回来时,如何保持段落格式

以下是我的JavaScript代码,带有CKEditor插件和配置:

<script>
CKEDITOR.inline('skill', {
    toolbar: [
        { name: 'document', groups: [ 'mode', 'document', 'doctools' ], items: [ 'Source', '-', 'Save','Preview', 'Print' ] },
        { name: 'clipboard', groups: [ 'clipboard', 'undo' ], items: [ 'Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord', '-', 'Undo', 'Redo','Image', 'Flash', 'Table', 'HorizontalRule', 'Smiley', 'SpecialChar', 'PageBreak','Styles', 'Format', 'Font', 'FontSize' ] },
        '/', 
        { name: 'clipboard', groups: [ 'clipboard', 'undo' ], items: ['Bold', 'Italic', 'Underline', 'Strike', 'Subscript', 'Superscript', '-', 'RemoveFormat','NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', '-', 'Blockquote', 'CreateDiv', '-', 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock', '-', 'BidiLtr', 'BidiRtl'] },
    ]
});
</script>  

CKEDITOR.inline('skill'{
工具栏:[
{name:'document',组:['mode','document','doctools'],项:['Source','-','Save','Preview','Print']},
{name:'clipboard',group:['clipboard','undo'],items:['Cut','Copy','Paste','PasteText','PasteFromWord','Redo','Image','Flash','Table','HorizontalRule','Smiley','SpecialChar','PageBreak','Styles','Format','Font','FontSize'],
'/', 
{name:'clipboard',group:['clipboard','undo'],items:['Bold','Italic','Underline','Strike','Subscript','Superscript','-','RemoveFormat','NumberedList','BulletedList','-','Outdent','Indent','-','Blockquote','CreateDiv','-','JustifyLeft','justifCenter','justifRight','justifBlock','-','BidiRtl',',
]
});
这是HTML表单

<li>
    <span class="cvspan">Description:</span><?php echo form_textarea('we_dis',set_value('skill',$property->skill));?>
</li>
  • 说明:
  • 当我将文本提交到数据库中并得到没有格式的结果时,文本显示为图像2


    现在,当我自己制作CSS时,这对我来说是可行的,如下代码所示。因此,如果有人想在视图上制作他们的编辑器,你应该编写自己的CSS来制作html标记

    .cke_textarea_inline
            {
                padding:0px;
                min-height:100px;
                height: auto;
                overflow: auto; 
                border: 1px solid gray;
                -webkit-appearance: textfield;
            }
    .cke_textarea_inline ol{
        padding-left:2em;
        list-style-position:inside;
        list-style:decimal
    }
    .cke_textarea_inline ol li{
        padding-left:0em;
        list-style-position:inside;
        list-style:decimal
    }
    .cke_textarea_inline ol li ol{
        padding-left:2em;
        list-style-position:inside;
        list-style:decimal
    }
    .cke_textarea_inline ul{
        padding-left:3.2em;
        list-style-position:inside;
        list-style:disc;
    }
    .cke_textarea_inline ul li{
        padding-left:.8em;
        list-style-position:inside;
        list-style:disc;
    }
    .cke_textarea_inline ul li ul{
        padding-left:1em;
        list-style-position:inside;
        list-style:disc;
    }
    .cke_textarea_inline ul li ul li{
        padding-left:.6em;
        list-style-position:inside;
        list-style:disc;
    }
    

    我猜在插入/更新数据库之前或在编辑器中显示时,所有格式都会被转义。您能比较两种情况下的html吗?@Vahan Vardanyan,你是对的,因为Codeigniter在将数据插入数据库之前清理字符串,我使用了以下规则:
    'rules'=>'trim | required | xss_clean'
    和关于HTML标记,我尝试使用simple div,但没有添加其他HTML标记,但它仍然不适用于我,但如果我不使用Codeigniter清理字符串,我的网站将不会运行那么我现在该怎么做呢?我想你可以配置这个规则的应用方式。当javascript没有转义,但不是简单的HTML标记时,可能会出现安全问题。您可以编写自己的验证方法。看。