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

【问题标题】：How could I keep paragraph format using CKeditor4.4.4 in CodeIgniter?如何在 CodeIgniter 中使用 CKeditor4.4.4 保持段落格式？
【发布时间】：2014-12-01 11:56:36
【问题描述】：

我目前在 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

【问题讨论】：

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

标签： javascript html codeigniter ckeditor django-ckeditor

【解决方案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;
}

【讨论】：