富文本编辑器

1.https://github.com/twz915/DjangoUeditor3下载包,进入包文件夹,找到DjangoUeditor包拷贝到项目下,和xadmin同级目录

2.找到项目的settings文件,注册app

3.找到项目urls文件,配置DjangoUeditor路由

4.找到app下的models,在需要使用富文本框的字段使用UEditorField,相关参数含义可参考文档:https://github.com/zhangfisher/DjangoUeditor

1. fromimport

1. content=UEditorField(verbose_name='博客内容'
2. 700
3. 400
4. 'full'
5. 'ueditor/images/'
6. 'ueditor/files/'
7. 'imageMaxSizing':1024000
8. ''

5.xadmin中添加插件ueditor

由于已经将xadmin源文件拷贝到了项目下，为extra_apps/xadmin，在xadmin下的plugin中新建一个ueditor.py文件,添加以下代码:

1. import
2. fromimport
3. fromimport
4. fromimport
5. fromimport
8. class
9. defself
10. self
11. selfNone
12. self
15. class
17. defself
18. if'ueditor'
19. if
24. return'widget'
25. return
27. defself
28. "ueditor/ueditor.config.js"#自己的静态目录
29. "ueditor/ueditor.all.min.js"#自己的静态目录

6.将ueditor插件添加到plugins中的__init__.py的PLUGINS中

7.找到app下的adminx.py文件,配置插件

8.配置上传文件的加载路径

1.在settings里面配置

[python] view plain copy

1. MEDIA_URL='/media/'
2. MEDIA_ROOT=os.path.join(BASE_DIR,'media'

[python] view plain copy

2. fromimport
4. url(r'^media/(?P<path>.*)$',serve,{"document_root":settings.MEDIA_ROOT},name='media'

文章来源: 富文本编辑器