How to responsive django ckeditor

knsnq2tg 于 2023-06-25 发布在 Go

关注(0)|答案(3)|浏览(103)

我已经下载了我的博客网络应用程序。但是当我通过移动的访问这个网站时，它看起来很糟糕，因为它没有响应，我如何将其转换为响应式设计...我用的是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',
  }

}

django

来源：https://stackoverflow.com/questions/62119105/how-to-resoponsive-django-ckeditor

3条答案

按热度按时间

7gs2gvoe1#

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

CKEDITOR.editorConfig = function (config) {

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

赞(0）回复(0）举报 2023-06-25

fgw7neuy2#

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

赞(0）回复(0）举报 2023-06-25

b0zn9rqh3#

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

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

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

赞(0）回复(0）举报 2023-06-25

我来回答

How to responsive django ckeditor

3条答案

相关问题

热门标签

最新问答