如何响应django-ckeditor

如何响应django-ckeditor,django,ckeditor,Django,Ckeditor,我已经为我的博客web应用下载了ckeditor。 但当我用手机访问这个网站时,它看起来很糟糕,因为它没有响应能力。我如何才能将其转换为响应性设计。。。 我正在使用Django3.5 CKEDITOR_配置={ 'default': { 'toolbar': 'Custom', 'height':500, 'width':450, 'extraPlugins': 'codesnippet', 'toolbar_Custom': [ ['Bo

我已经为我的博客web应用下载了ckeditor。 但当我用手机访问这个网站时,它看起来很糟糕,因为它没有响应能力。我如何才能将其转换为响应性设计。。。 我正在使用Django3.5

CKEDITOR_配置={

'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',
  }

}

如果您想进行响应,需要更改config.js中的设置

CKEDITOR.editorConfig = function (config) {

config.width = "auto";
config.height = "auto";
我曾经 “宽度”:“100%”, ‘高度’:‘50vh’


顺便说一句,在你的特殊设置中,“宽度”拼写错误

试着从工具栏上删除
高度
宽度
,也许这会解决问题?先生,我也照你看到的做了,我也添加了宽度:100,但它不起作用,虽然宽度也改变了,但在所有的平台上都显示相同。让我检查一下,它通常对我来说反应很快,顺便说一句,这里不要叫人“先生”。没必要这么正式。欢迎来到SO。顺便问一下,你能粘贴一个屏幕截图,你的编辑是如何显示的?