Question

我有一个关于django的网站，在我安装ckeditor之前一切都很好。它工作正常，但我无法将工具栏配置更改为＆＃34; Full＆＃34;。如果我在settings.py文件中写这样：

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

我有一个宽度为900px的编辑器块，但工具栏只有1行和13个按钮而不是3行和大量的按钮。如果我改变了＃34; Full＆＃34;到＆＃34;基本＆＃34;，然后我的工具栏增长到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？我的大脑正在爆炸，所以如果有人帮助我，我会非常高兴！对不起我糟糕的英语......

Answer 1

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

要使用完整工具栏创建编辑器实例，您无需进行任何设置。只需将工具栏和toolbarGroups保留为默认的null值即可。

所以django-ckeditor配置将是，

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

它有效：）

Answer 2

这是我的django ckeditor工具栏设置的一个片段。它不完整但你应该能够添加它以获得你想要的东西。

 '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版本了一段时间，并且由于上述原因以及其他原因，它的证明是一个严重的问题。

Answer 3

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

只需Check此处。

Django CKEditor工具栏设置

3 个答案: