Question

我正在复制带有“ul”，“li”标签的html代码，单击“Source”并将其粘贴到CKEditor。但是，当我去设计时，它会用“

”替换这些标签。这是一个错误还是我配错了？以下是config.js文件内容。

CKEDITOR.editorConfig = function (config) {
// Define changes to default configuration here.
// For the complete reference:
// http://docs.ckeditor.com/#!/api/CKEDITOR.config

// The toolbar groups arrangement, optimized for two toolbar rows.
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' },
    { name: 'styles' },
    { name: 'colors' },
    { name: 'about' }
];


// Remove some buttons, provided by the standard plugins, which we don't
// need to have in the Standard(s) toolbar.

config.removeButtons = 'Underline,Subscript,Superscript';
config.filebrowserImageBrowseUrl = '/Admin/BrowseImage';
config.filebrowserImageUploadUrl = '/Admin/UploadImage';

Answer 1

我假设你正在使用Advanced Content Filter附带的最新CKEditor（4.1）。这意味着列表将从您的内容中清除，除非您有list插件加载了所有功能（按钮和命令）或明确定义config.allowedContent来接受列表。

这也意味着如果你删除了列表按钮，编辑器会认为你不想在你的内容中列出列表而它们就会消失。您的config.toolbarGroups没有list条目，这是您问题的根源。您可以在控制台中输入以下内容来检查是否允许标记：

CKEDITOR.instances.yourEditorInstance.filter.check( 'li' );
>> false

当您向config添加类似内容时，列表将在UI中返回编辑器：

{ name: 'paragraph', groups: [ 'list' ] }

如果您确实要保留工具栏但允许列表，则可以指定：

config.extraAllowedContent = 'ul ol li'。

另请阅读有关allowedContent rules的更多信息，了解更多信息并有意使用。

CKeditor删除ul列表

1 个答案: