使用 Ckeditor 上传 Django 图像失败未定义

Question

我正在尝试使用 Django 创建一个博客页面。我正在使用 CKEditor 添加文本。当我在本地上传图片时没有任何问题，但是当我将项目部署到服务器时遇到问题。当我转到 CKEditor 中的图像上传部分并单击“发送到服务器”时，我在出现的弹出窗口中收到“未定义”错误。

但是当我在本地启动项目时，我没有收到此错误。

ckeditor -v = django-ckeditor==6.7.0 Django -v = Django==4.2.4

CKEDITOR_UPLOAD_PATH = "uploads/"
CKEDITOR_STORAGE_BACKEND = 'django.core.files.storage.FileSystemStorage'
FILEBROWSER_REMOVE_DIALOG_TABS = 'image:Upload'

CKEDITOR_CONFIGS = {
   'default': {
        'filebrowserUploadUrl': '/ckeditor/upload/',
        'filebrowserBrowseUrl': '/ckeditor/browse/',
        'toolbar': 'Full',  # Toolbar ayarları düzeltildi
        'toolbar_Full': [
            ['Styles', 'Format', 'Bold', 'Italic', 'Underline', 'Strike', 'SpellChecker', 'Undo', 'Redo'],
            ['Link', 'Unlink', 'Anchor'],
            ['Image', 'Flash', 'Table', 'HorizontalRule'],
            ['TextColor', 'BGColor'],
            ['Smiley', 'SpecialChar'], ['Source'],
            ['JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock'],
            ['NumberedList', 'BulletedList'],
            ['Indent', 'Outdent'],
            ['Maximize'],
            {'name': 'about', 'items': ['CodeSnippet']},
            {'name': 'tools', 'items': ['Maximize', 'ShowBlocks']},
        ],
        'tabSpaces': 4,
        'fillEmptyBlocks': False,
        'extraPlugins': 'justify,liststyle,indent,codesnippet,devtools,uploadimage',  # Resim eklentisi eklendi
        'uploadUrl': '/ckeditor/upload/',  # Resim yükleme URL'si eklendi
   },
}

您遇到过这个问题吗？我想听听您对这个话题的评论。享受你的工作

没想到会在这里遇到问题。有趣的是，它并没有在本地出错，也没有带到服务器上。

Answer 1

您发布的代码块中没有明显的错误。这似乎是一个用于在 Django 项目中配置 CKEditor 的设置文件。

但是，为了使这些设置正常工作，需要正确配置许多其他因素：

1. settings.py

   文件：您的CKEditor设置需要位于Django项目的

   settings.py

   文件中。您应该确保这些设置与“INSTALLED_APPS”和其他常规项目设置兼容。

2. CKEditor 插件：您应该相应地配置要在项目中使用的 CKEditor 插件和插件文件。上面的设置似乎表明您想要使用“justify”、“liststyle”、“indent”、“codesnippet”、“devtools”和“uploadimage”等插件。确保这些插件正确放置在您项目的

   static

   目录中，并且与 Django 的静态文件服务兼容。

3. URL配置：您需要确保CKEditor的文件上传和导航功能的URL配置正确。上述设置指定了

   filebrowserUploadUrl

   和

   filebrowserBrowseUrl

   等 URL。这些 URL 必须与您项目的 URL 配置匹配。

如果您遇到错误或需要进一步帮助，如果您更详细地描述错误或问题，我将能够更好地帮助您。