如何在手机屏幕上为`tinymce`设置小图标大小？

Question

我在我的 Django 应用程序中添加了 tinymce4-lite。图标的大小在大屏幕和小屏幕上看起来是一样的。

大屏幕：

小屏幕：

无论大屏幕还是小屏幕，图标的大小都差不多。我希望它在移动尺寸的屏幕上更小更优雅。

这是settings.py中的配置：

TINYMCE_DEFAULT_CONFIG = {
    'height': 360,
    'menubar': False,
    'statusbar': False,
    'width': '100%',
    'cleanup_on_startup': True,
    'custom_undo_redo_levels': 20,
    'selector': 'textarea',
    'theme': 'modern',
    'plugins': '''
            textcolor save link image media preview codesample contextmenu
            table code lists fullscreen  insertdatetime  nonbreaking
            contextmenu directionality searchreplace wordcount visualblocks
            visualchars code fullscreen autolink lists  charmap print  hr
            anchor pagebreak
            ''',
    'toolbar1': '''
            fullscreen preview bold italic underline | fontselect,
            fontsizeselect  | forecolor backcolor | alignleft alignright |
            aligncenter alignjustify | bullist numlist table |
            | link image media | codesample | hr visualchars |  
            ''',
    'contextmenu': 'formats | link image',
    'remove_linebreaks': False
}

请帮我解决这个问题。谢谢

Answer 1

在 TinyMCE 4 中有一个名为 toolbar_items_size 的设置，允许您将工具栏上的图标设置为较小的尺寸：

toolbar_items_size: 'small'

请注意，这在 TinyMCE 5 中不再有效，但如果您使用的是 TinyMCE 4，它仍然有效。

如何在手机屏幕上为`tinymce`设置小图标大小？

How to set small icon size for`tinymce` in mobile screens?

python

django

tinymce