Fatal编程技术网
  • django/
  • Django ckeditor-将宽度设置为100%

Django ckeditor-将宽度设置为100%

django ckeditor

Django ckeditor-将宽度设置为100%,django,ckeditor,Django,Ckeditor,我有一个简单的django ckeditor实现，默认设置为 CKEDITOR_CONFIGS = { 'default': { 'toolbar': [ ['Undo', 'Redo', '-', 'Bold', 'Italic', 'Underline', '-', 'Link', 'Unlink', 'Anchor', '-', 'Format',

我有一个简单的django ckeditor实现，默认设置为

CKEDITOR_CONFIGS = {
    'default': {
        'toolbar': [
            ['Undo', 'Redo',
             '-', 'Bold', 'Italic', 'Underline',
             '-', 'Link', 'Unlink', 'Anchor',
             '-', 'Format',
             '-', 'SpellChecker', 'Scayt',
             '-', 'Maximize',
             '-', 'Language',
            ],
        ],
        'height': '100%',
        'width': '100%',
        'toolbarCanCollapse': False,
    },
}
在我的身体里我有

{{ form.media }}
{{ form.description }}
我希望ckeditor字段覆盖100%的宽度，但它覆盖了100%的菜单栏。如何使其覆盖可用宽度

感谢

设置ckeditor实例，您可以触发这样的最大化事件

CKEDITOR.on('instanceReady',
   function( evt )
   {
     var editor = evt.editor;
     editor.execCommand('maximize');
   });
希望这能解决你的问题

我也有同样的问题。将此javascript添加到模板解决了我的问题

$（文档）.ready（函数（）{
$（“.django ckeditor小部件”）.css（“宽度”，“100%”）

});我使用css来解决它


.django-ckeditor-widget{
  width: 100%;
}


在模板>管理>更改表单.html中编辑“管理更改表单文档准备就绪””块


{%block admin\u change\u form\u document\u ready%}
setTimeout（函数（）{
for（让document.getElementsByClassName（'cke_browser_webkit'）的编辑器）{
editor.style.width='100%'；
}
}, 500)
{%endblock%}

100%百分比表示其直接父元素宽度的100%。是否检查了ckeditor的父节点的宽度？因此，我将其放在一个
{form.description}
中，它应该将父元素设置为100%，但这也不起作用（父元素为100%，但ckeditor不起作用），
minwidth:100%
对于一个元素，意味着它将延伸到父元素
宽度的100%
。您可以在浏览器中检查html。在元素上滚动会突出显示宽度和高度。你能检查一下你的父分区的宽度吗？对不起，我的答案是管理面板