Django项目中集成富文本编辑器的通用方法,适合KindEditor,xhEditor,NicEditor,wymeditor等

最新推荐文章于 2025-01-24 15:40:23 发布

糊糊

最新推荐文章于 2025-01-24 15:40:23 发布

阅读量8.6k

点赞数 2

分类专栏： Django+CMS开发网页制作文章标签： django 文本编辑 import templates url class

本文链接：https://blog.youkuaiyun.com/huyoo/article/details/6913973

版权

本文介绍了一种通用方法将富文本编辑器如KindEditor、NicEditor等集成到Django项目中，包括代码组织、自定义Widget、模板创建以及在不同app的forms.py中使用。通过创建一个继承自Textarea的KindEditor类，并提供相应的模板，实现了在admin和view中的使用。同时指出了其他教程存在的问题和解决办法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

首先,请参考我以前写的一篇博客:如何把nicEditor集成到django中使用 http://blog.youkuaiyun.com/huyoo/article/details/4382317

这篇文章中的做法就是一种较为通用的做法.

现在按照这种做法来把 KindEditor 集成到django项目中使用:

1. 代码的组织

在项目根目录下,使用manage.py startapp rte 新建一个文件夹,叫做rte,意思是RichTextEditor的缩写.然后在rte目录下新建kindeditor文件夹,如果你想用NicEditor就新建一个niceditor,可能还有xheditor等等.每个下面放一个__init__.py表明他们是可以被导入的模块.

目录结构就是这样:

rte/

│  models.py
│  tests.py
│  views.py
│  __init__.py
│  __init__.pyc
│
├─kindeditor
│      widgets.py
│      widgets.pyc
│      __init__.py
│      __init__.pyc
│
└─niceditor
        widgets.py
        widgets.pyc
        __init__.py
        __init__.pyc

还有就是模板的放置,我的做法是放在templates下

templates
|-- editor
|    kindeditor.html
|    niceditor.html
|    xheditor.html

等等诸如此类

2.自定义widget

最低0.47元/天解锁文章