How to responsive django ckeditor

knsnq2tg  于 2023-06-25  发布在  Go
关注(0)|答案(3)|浏览(102)

我已经下载了我的博客网络应用程序。但是当我通过移动的访问这个网站时,它看起来很糟糕,因为它没有响应,我如何将其转换为响应式设计...我用的是Django 3.5
CKEDITOR_CONFIGS = {

'default': {
    'toolbar': 'Custom',
    'height':500,
    'width':450,
    'extraPlugins': 'codesnippet',
    'toolbar_Custom': [
        ['Bold', 'Italic','Image', 'Underline'],
        ['NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', '-', 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock'],
        ['Link', 'Unlink'],
        ['RemoveFormat', 'Source','codesnippet']
    ]
},
'special':
  { 'toolbar': 'Special', 
  'wdith':100,
  'toolbar_Special': 
  [ 
  ['CodeSnippet','Youtube'],
  ['Styles', 'Format', 'Bold', 'Italic', 'Underline', 'Strike', 'SpellChecker', 'Undo', 'Redo'], 
  ['Link', 'Unlink',], 
  ['Image','Table', 'HorizontalRule'], 
  ['TextColor', 'BGColor'], 
  ['Smiley', 'SpecialChar'], 
  ['Source'],
  ],'extraPlugins': 'codesnippet',
  }

}

7gs2gvoe

7gs2gvoe1#

如果你想做响应需要改变config.js中的设置

CKEDITOR.editorConfig = function (config) {

config.width = "auto";
config.height = "auto";
fgw7neuy

fgw7neuy2#

我使用了“宽度”:“100%”,“高度”:“50vh”,
顺便说一句,在你的特殊设置中,“宽度”拼错了。

b0zn9rqh

b0zn9rqh3#

这是我如何使用和它的工作:

CKEDITOR_CONFIGS = {
    'default': {
        'toolbar': 'Custom',
        'width': 'auto',       # <--------- LIKE THIS
        'toolbar_Custom': [
            ['Bold', 'Italic', 'Underline'],
            ['NumberedList', 'BulletedList', ]
        ]
    }
}

我正在使用 Bootstrap 的造型和它的工作完美。

相关问题