Django CKEditor 工具栏设置答案

【问题标题】：Django CKEditor toolbar settingsDjango CKEditor 工具栏设置
【发布时间】：2014-11-02 19:00:45
【问题描述】：

我在 django 上有一个网站，在我安装 ckeditor 之前一切都很好。它工作正常，但我无法将工具栏配置更改为“完整”。如果我这样写在 settings.py 文件中：

CKEDITOR_CONFIGS = {
'Awesome': {
    'toolbar': 'Full',
    'width': 900,
}}

我有一个宽度为 900 像素的编辑器块，但工具栏只有 1 行和 13 个按钮，而不是 3 行和大量按钮。如果我将“Full”更改为“Basic”，那么我的工具栏会增长到 3 个按钮。

我知道，我应该更改 ckeditor 文件夹中 config.js 文件中的设置，但没有工具栏设置起作用。我尝试制作一个迷你工具栏：

config.toolbar = 
[
    [ 'Source', '-', 'Bold', 'Italic' ]
];

尝试制作一个完整的工具栏：

    config.toolbar_Full =
[
    { name: 'document',    items : [ 'Source','-','Save','NewPage','DocProps','Preview','Print','-','Templates' ] },
    { name: 'clipboard',   items : [ 'Cut','Copy','Paste','PasteText','PasteFromWord','-','Undo','Redo' ] },
    { name: 'editing',     items : [ 'Find','Replace','-','SelectAll','-','SpellChecker', 'Scayt' ] },
    { name: 'forms',       items : [ 'Form', 'Checkbox', 'Radio', 'TextField', 'Textarea', 'Select', 'Button', 'ImageButton', 'HiddenField' ] },
    '/',
    { name: 'basicstyles', items : [ 'Bold','Italic','Underline','Strike','Subscript','Superscript','-','RemoveFormat' ] },
    { name: 'paragraph',   items : [ 'NumberedList','BulletedList','-','Outdent','Indent','-','Blockquote','CreateDiv','-','JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock','-','BidiLtr','BidiRtl' ] },
    { name: 'links',       items : [ 'Link','Unlink','Anchor' ] },
    { name: 'insert',      items : [ 'Image','Flash','Table','HorizontalRule','Smiley','SpecialChar','PageBreak' ] },
    '/',
    { name: 'styles',      items : [ 'Styles','Format','Font','FontSize' ] },
    { name: 'colors',      items : [ 'TextColor','BGColor' ] },
    { name: 'tools',       items : [ 'Maximize', 'ShowBlocks','-','About' ] }
];

我试图在我的项目的settings.py文件中删除或更改ckeditor的设置，每次更改后我都重新启动了服务器，但什么也没发生=(

config.js 文件正在运行，可以添加一个隐藏工具栏的按钮

config.toolbarCanCollapse = true;

而且效果很好 =)

我应该怎么做才能制作一个真正完整的工具栏like this？我的大脑正在爆炸，所以如果有人帮助我，我会非常高兴！对不起我糟糕的英语......

【问题讨论】：

标签： django ckeditor settings toolbar

【解决方案1】：

我刚刚在 CKEditor 文档中找到了完整的工具栏设置：Full toolbar configuration

要创建具有完整工具栏的编辑器实例，您无需进行任何设置。只需将工具栏和工具栏组保留为默认的空值。

所以django-ckeditor 配置将是，

CKEDITOR_CONFIGS = {
    'default': {
        'toolbar': None,
    },
}

它有效:)

【讨论】：

您在此处提供的链接已损坏。

【解决方案2】：

这是我的 django ckeditor 工具栏设置中的一个 sn-p。它不是完整的，但你应该能够添加它以获得你想要的。

 'toolbar': [["Format", "Bold", "Italic", "Underline", "Strike", "SpellChecker"],
                ['NumberedList', 'BulletedList', "Indent", "Outdent", 'JustifyLeft', 'JustifyCenter',
                 'JustifyRight', 'JustifyBlock'],
                ["Image", "Table", "Link", "Unlink", "Anchor", "SectionLink", "Subscript", "Superscript"], ['Undo', 'Redo'], ["Source"],
                ["Maximize"]],

另外，如果可能，我建议在您的 django 项目中使用本机 javascript ckeditor。我已经使用 django 版本有一段时间了，由于您上面提到的原因以及其他原因，它被证明是一个非常令人头疼的问题。

【讨论】：

【解决方案3】：

您可以通过添加、移动或删除元素自行配置工具栏。

就在这里Check。

【讨论】：