ckEditor 从 ul 列表中删除 div 标签

Question

我从数据库中读取了一些 html 并将其传递给 ckeditor 问题是 ckeditor 编辑我的 html 这是来自数据库的数据

  
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
    </head>
    <body>
        <ul>
            <li>Coffee</li>
            <li>Tea</li>
            <li>Milk</li>
            <div>I Am DiV</div>
        </ul> 
    </body>
    </html>

这里是 ckEditor 源显示


    <!DOCTYPE html>
    <html lang="en">
    <head><meta charset='UTF - 8'><meta name='viewport' content='width = device - width, initial - scale = 1.0'>
        <title>Document</title>
    </head>
    <body>
    <div>I Am DiV</div>
    
    <ul>
        <li>Coffee</li>
        <li>Tea</li>
        <li>Milk</li>
    </ul>
    </body>
    </html>

这是我的配置

    config.fullPage = true;
    config.allowedContent = true;

如何禁用 ckEditor 来更改我的 html？

Answer 1

您可以使用此代码禁用某些 CKEditor 验证

config.enterMode = 2; //disabled <p>
config.enterMode = CKEDITOR.ENTER_BR; // pressing the ENTER KEY input <br/>
config.shiftEnterMode = CKEDITOR.ENTER_P; //pressing the SHIFT + ENTER KEYS input <p>
config.autoParagraph = false; // stops automatic insertion of <p> on focus

另外，如果您需要更多有效标签，您可以使用

config.protectedSource.push(/<i[^>]*><\/i>/g); //disable i validation

但你应该自定义它。

ckEditor 从 ul 列表中删除 div 标签

ckEditor remove div tag from ul list

javascript

html

ckeditor

ckeditor4.x