javascript - 如何在 CodeIgniter 中使用 CKeditor4.4.4 保持段落格式？

Question

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

这是我的带有 CKEditor 插件和配置的 JavaScript 代码：

<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>  

这是HTML表单

<li>
    <span class="cvspan">Description:</span><?php echo form_textarea('we_dis',set_value('skill',$property->skill));?>
</li>

当我将文本提交到数据库并获得没有格式的结果时，文本显示为图像 2

Answer 1

现在，当我按照下面的代码自己制作 CSS 时，它对我有用，所以如果有人想在视图上组成他们的 CKeditor，你应该编写自己的 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;
}