我的CKEditor文本区域中的HTML代码问题

当我试图在我的CKEditor文本区域中添加一些HTML代码时，我遇到了一个问题，我的HTML在文本区域中执行。我的意思是，我所有的HTML代码在我的文本区域中的位置都发生了变化，那么我该如何修复它呢

在我的网站上添加帖子之前，我将其放在我的文本区：

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

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

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'
        });

我的添加帖子视图：

我的编辑帖子视图：

---

我已经在这里回答了你的问题：

---

将内容写入文本区域时，您的编码不正确。

据我所知，您添加了一个额外的pre。尝试从页面中删除原始pre，然后重试。虽然我可能是错的，因为我不确定页面设置是什么。我的意思是说，我认为在发布之前不应该有一个pre。除非编辑器放在对数据库的调用之后，否则我使用插件来添加一些HTML代码。（插件：）。但是，例如，当我试图将帖子显示为一个P标记时，它起作用了，我看到了正确的帖子“toto”…嗯，我看到了，我唯一能做的事情就是插件可能只能插入到某些块（DOM元素）中。我的建议是询问插件的开发人员。除此之外，goodluck抱歉，我无法提供更多帮助。是的，但我试图联系插件的开发人员，但没有得到任何回应。。。我尝试了两个不同的插件，我得到了相同的东西，内容变更前的位置。。。我不认为这个问题是由于插件造成的……嗯，你可以发布更多的代码来专门处理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'
        });