Django-summernote定制

时间:2016-01-22 21:10:49

标签: django summernote

我想定制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()

返回undefined

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

1 个答案:

答案 0 :(得分:0)

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

首先,我访问了my_venv /.../ django_summernote / templates / djnago_summernote文件夹并覆盖了widget_iframe_editor.html文件。我在头部添加了一个声明:

  <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。它对我有用.Occ别忘了在settings.py中声明你的新按钮

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