Ckeditor - 用户友好的图像上传

Question

我的网站上有带图片上传功能的 ckeditor 4。一切都很好，唯一的问题是它在视觉上看起来很糟糕。是否可以为图像上传设置样式或更改 UI，因为我预计用户将很难理解它。我只想要一个简单的上传按钮，没什么特别的

更新： 我发现了 easy image plugin，它正是我需要的，只是一个简单的图片上传按钮。问题是它需要云服务订阅，所以它对我不起作用。

Answer 1

您可以添加样式和自定义输入，一种方法可以是：

{%if field.name  == 'picture' %}
  <label for ="id_picture" id="icon_upload" class="fa fa-camera"></label>
  <input type="file" name="picture" id="id_picture" accept="image/*"style="display: none;" >
{% endif %}

字段名称通常采用字段名称模型，但它可以根据表单传递给模板的方式而改变。

https://docs.djangoproject.com/en/3.2/ref/forms/fields/

Answer 2

我用它删除了所有对话框选项卡，只保留了图片上传选项卡

CKEDITOR_CONFIGS = {
    'default': { 
        'removeDialogTabs': 'image:advanced;image:Link;image:info',
}