Question

当我尝试在CKEditor textarea中添加一些HTML代码时出现问题，我的HTML在textarea中执行。我的意思是，我的所有HTML代码都在我的Textarea中发生了变化，所以我该如何修复呢？

在我的网站上添加帖子之前，我把它放在我的textarea：

<pre><div>toto</div></pre>

我的数据库中的帖子（一切正常）：

<pre><div>toto</div></pre>

当我尝试编辑帖子时，内容会在我的CKEditor textarea中重新格式化：

<pre>&nbsp;</pre><div>toto</div>

所以我认为主要问题是CKEditor，也许他重新格式化或编码我的所有HTML代码，我不知道发生了什么......

编辑1：

CKEditor的配置文件

CKEDITOR.editorConfig = function( config ) {
    config.toolbarGroups = [
        { name: 'clipboard',   groups: [ 'clipboard', 'undo' ] },
        { name: 'editing',     groups: [ 'find', 'selection', 'spellchecker' ] },
        { name: 'links' },
        { name: 'insert' },
        { name: 'forms' },
        { name: 'tools' },
        { name: 'document',    groups: [ 'mode', 'document', 'doctools' ] },
        { name: 'others' },
        '/',
        { name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ] },
        { name: 'paragraph',   groups: [ 'list', 'indent', 'blocks', 'align' ] },
        { name: 'styles' },
        { name: 'colors' },
        { name: 'about' },
        { name: 'document', groups: [ 'mode'] }, // shows the source button
        { name: 'pbckcode' }
    ];

    config.extraPlugins = 'pbckcode';

    config.removeButtons = 'Underline,Subscript,Superscript';
};

我的添加帖子视图：

extends admin_layout
block content
    div.container
        h1 Wellcome to administration pannel
        div.space20
        div.block.first
            h2 Add post
            div.wrap
                form(action="/posts/add", method="post").admin
                        textarea(class="ckeditor", id="ckeditorFilter", placeholder="Content...", name="content", rows="15")
                        br
                    input(type="submit", value="Save")
    script(src="/admin/js/ckeditor/ckeditor.js")
    script
        CKEDITOR.replace('content',{
            toolbar: 'Basic',
            uiColor: '#0091BD'
        });

我的编辑帖子视图：

extends admin_layout
block content
    div.container
        h1 Wellcome to administration pannel
        div.space20
        div.block.first
            h2 Edit post
            div.wrap
                - each p in post
                    p= p.content
                    form(action="/posts/add", method="post").admin
                            textarea(class="ckeditor", id="ckeditorFilter", placeholder="Your content...", name="content", rows="15", required)!= p.content
                            br
                        input(type="submit", value="Edit")
    script(src="/admin/js/ckeditor/ckeditor.js")
    script
        CKEDITOR.replace('content',{
            toolbar: 'Basic',
            uiColor: '#0091BD'
        });

Answer 1

我已经在这里回答了你的问题：Insert HTML codes in CKEditor textarea

将内容写入textarea时，您的内容编码错误。

我的CKEditor Textarea问题中的HTML代码

1 个答案: