2016-01-22 36 views
0

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

回答

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 /静态/ django_summernote文件夹。

出于测试目的,我选择了这个js file。而它的工作对me.Ofc不要忘了申报新的按钮,在settings.py

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

绝对是一个坏主意,编辑summernote本身 – guival