python - 在 Django Admin 中用富文本编辑器替换 textarea？

Question

我想知道在 Django Admin 中用富文本编辑器替换标准 textarea 字段的最佳方法？

score 28 · Accepted Answer

有一个附加的 Django 应用程序可以为 Django 管理表单提供TinyMCE支持，而无需使用管理模板或 Django 新表单内部。

score 13 · Accepted Answer

看看这个片段- 基本想法是在您的管理定义中包含自定义 JS，它将用富文本编辑器替换标准文本区域。

对于 jQuery/FCKEditor，这样的 JS 可能看起来像这样：

$(document).ready(function() {
    $("textarea").each(function(n, obj) {
        fck = new FCKeditor(obj.id) ;
            fck.BasePath = "/admin-media/fckeditor/" ;
            fck.ReplaceTextarea() ;
    });
});

score 12 · Accepted Answer

我会说：定义您自己的 ModelAdmin 类并覆盖用于特定字段的小部件，例如：

class ArticleAdminModelForm(forms.ModelForm):
    description = forms.CharField(widget=widgets.AdminWYMEditor)

    class Meta:
        model = models.Article

（AdminWYMEditor 是一个forms.Textarea子类，它添加了具有特定于 Django 管理应用程序的配置的 WYMEditor）。

请参阅Jannis Leidel 的这篇博客文章，了解如何实现这个小部件。

score 8 · Accepted Answer

在发布日期和答案 TinyMCE 非常受欢迎（因为它可能今天仍然存在）。但一段时间后 ckeditor 出现了，许多人认为这是一个更好的选择，包括许多 SO 用户：

比较 TinyMCE 和 CKeditor 的 Wiki

http://www.turnkeylinux.org/blog/tinymce-vs-ckeditor

还有 2013 年对 WISIWYG 编辑器的 Django 俄语评论：

http://habrahabr.ru/company/htdt/blog/202782/

score 2 · Accepted Answer

目前在 django admin 中使用 tinymce 最直接的方法是使用 Grappelli。

http://code.google.com/p/django-grappelli/

Grappelli 也是django-filebrowser的要求，所以如果你想要整个 shebang，无论如何你都需要它。

score 2 · Accepted Answer

class KindEditor(forms.Textarea):
    class Media:
        css ={
            'all':(settings.STATIC_ROOT + 'editor/themes/default/default.css',)
        }
        js = (settings.STATIC_ROOT + 'editor/kindeditor-min.js',settings.STATIC_ROOT + 'editor/lang/zh_CN.js',)
    def __init__(self):
        attrs = {}
        attrs['rel'] = 'kind'
        super(KindEditor, self).__init__(attrs)


class NewsAdminForm(forms.ModelForm):
    pass

    class Meta:
        model = News
        widgets = {
            'body':KindEditor()
        }

class NewsAdmin(admin.ModelAdmin):
    form = NewsAdminForm


admin.site.register(News, NewsAdmin)

score 2 · Accepted Answer

好的，为了更新这篇文章，我想说实现 TinyMCE 的最简单方法是使用django-tinymce应用程序。您还必须从TinyMCE 页面下载 JS 文件。我在 django 国际化方面遇到了一些错误，但是从 TinyMCE 下载语言包就足够了。

score 0 · Accepted Answer

安装这个包

pip install django-ckeditor

然后运行这些命令进行迁移。

python manage.py makemigrations
python manage.py migrate
python manage.py collectstatic

最后重新启动你的 Django 服务器。

完成上述步骤后，您可以在管理面板字段中看到富文本编辑器。

python - 在 Django Admin 中用富文本编辑器替换 textarea？

8 回答 8

Related

Reference