先安装django-tinymce
一、在站点中使用
(1)配置settings文件
INSTALLED_APPS中添加: ‘tinyce’
在最下面增加:
#富文本 TINYMCE_DEFAULT_CONFIG={ 'theme':'advanced', #设置功能 'width':600, #宽 'height':400, #高 }
Model文件中
from tinymce.models import HTMLField class Text(models.Model): str = HTMLField()
在admin文件中注册
from .models import Text admin.site.register(Text)
重新migrate数据库
首先删掉迁移文件
然后python manage.py makemigrations
再次 python manage.py migrate
二、在自定义视图中使用(多数在这里使用)
在这里不涉及settings配置
(1)创建html文件:
edit.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>富文本</title> <script type="text/javascript" src="/static/tiny_mce/tiny_mce.js"></script> <script type="text/javascript"> tinyMCE.init({ 'mode':'textareas', 'theme':'advanced', 'width':800, 'height':600, }) </script> </head> <body> <form action="/saveedit" method="post"> <textarea name="str">sunck is a good man</textarea> <input type="submit" value="提交"> </form> </body> </html>
配置url
url(r'^edit/$',views.edit),
编写views
def edit(request): return render(request,'myApp/edit.html')