Django-summernote 自定义答案

【问题标题】：Django-summernote customizeDjango-summernote 自定义
【发布时间】：2016-04-29 14:27:39
【问题描述】：

我想自定义 django-summernote。主要是通过添加一些自定义按钮。我不知道该怎么做。

我可以在这里查看添加自定义按钮的文档：

http://summernote.org/deep-dive/#custom-button

但不知道在哪里添加 javascript。我通过我的网址添加了一个自定义文件：

class CustomAdmin(admin.ModelAdmin):
class Media:
    js = (
         'js/summernote.js',       # project static folder
        )

class SectionParagraphAdmin(SummernoteModelAdmin, CustomAdmin):
search_fields = ('text',)

但是，我似乎无法访问 Summernote，就像文档正在访问它一样。

$('.summernote').summernote()

返回未定义

是否可以在此处提供的设置之外自定义 django-summernote：https://github.com/summernote/django-summernote#options

【问题讨论】：

标签： django summernote

【解决方案1】：

我做到了，但这可能是一个糟糕的解决方案：

首先，我去了 my_venv/.../django_summernote/templates/djnago_summernote 文件夹并覆盖了 widget_iframe_editor.html 文件。我在 head 部分只添加了一个声明：

  <head>
    ...
    <script src="{{ url }}"></script>{% endfor %}
    <script type="text/javascript" src="{% static "django_summernote/MySummernote.js" %}"></script> <!-- your js file-->
    </head>

然后，我将脚本粘贴到 django_summernote/static/django_summernote 文件夹中。

出于测试目的，我选择了这个js file。它对我有用。Ofc 不要忘记在 settings.py 中声明你的新按钮

'toolbar': [
    ....
    ['insert', ['link', 'picture', 'video', 'hr', 'readmore']],
    ['mybutton', ['hello']],
    ...
],

【讨论】：