欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

django中使用tinymce 富文本

程序员文章站 2022-04-28 15:50:45
django后台集成富文本编辑器Tinymce 安装方式一: 1、首先去python的模块包的网站下载一个django-tinymce的包 https://pypi.python.org/pypi/django-tinymce/#downloads 官网下载地址 下载这个 2、下载上图的安装包,然后 ......

django后台集成富文本编辑器tinymce

 安装方式一:

1、首先去python的模块包的网站下载一个django-tinymce的包

https://pypi.python.org/pypi/django-tinymce/#downloads

 
django中使用tinymce 富文本
官网下载地址
 
django中使用tinymce 富文本
下载这个

2、下载上图的安装包,然后解压,进入文件夹,执行

python setup.py install

安装完成之后,就可以在d:\python\lib\site-packages\django_tinymce-2.7.0-py3.6.egg这个文件夹。

点击进入文件夹,copy“tinymce”这个文件到你的项目的根目录下。

 安装方式二:

                             pip install django-tinymce

3、配置tinycmce到你的项目中,配置到admin数据库插入的后台中去

在settings.py中为installed_apps添加编辑器应用

 

 
django中使用tinymce 富文本
在settings.py加入tinymce

在settings.py中添加编辑配置项主要是些默认的属性配置 tinymce_default_config = { 'theme': 'advanced', 'width': 600, 'height': 400, },设置编辑框的宽和高

在settings里面的urls.py中配置 url(r'^tinymce/', include('tinymce.urls')), 

 
django中使用tinymce 富文本
配置tinymce的url

4、在代码中使用tinymce

在model下使用

django中使用tinymce 富文本

 

5、在admin中编辑,并显示效果

在admin中注册tinymce

django中使用tinymce 富文本

进入admin 并编辑

django中使用tinymce 富文本

在数据库中的效果

django中使用tinymce 富文本