创建富文本: 1.添加富文本库:pip install tinymce 2.在setting.py配置文件中添加tinymce应用 INSTALLED_APPS = [ 'django.contrib.admin', 'django.contrib.auth', 'django.contrib.contenttypes', 'django.contrib.sessions', 'django.contrib.messages', 'django.contrib.staticfiles', 'ansap', 'tinymce', ] 3.在setting.py中配置富文本的大小: #富文本 TINYMCE_DEFAULT_CONFIG={ 'theme':'advanced', 'width':600, 'height':400, } 4.添加富文本models类 在models.py文件中添加Text类 from tinymce.models import HTMLField class Text(models.Model): str = HTMLField() 5.创建迁移文件,执行迁移文件 python manage.py makemigrations python manage.py migrate 6.在admin.py文件中注册富文本对象 from .models import Text admin.site.register(Text) 7.在自定义页面显示富文本编辑器: a.在urls.py文件中配置访问路径,跳转到edit.html页面 url('edit/',views.edit), url('saveEdit/',views.saveEdit), b.在views.py文件中定义跳转方法 def edit(request): return render(request,"ansap/edit.html") c.在html中引入js文件并进行初始配置 <!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', 'name':'advanced', 'width':800, 'height':600, }) </script> </head> <body> <form action="/saveEdit/" method="post"> {% csrf_token %} <textarea name = "str"> 测试富文本 </textarea> <input type="submit" name="sbm" value="提交"/> </form> </body> </html> d.在views.py文件中定义方法,接收页面提交的数据 def saveEdit(request): str = request.POST['str'] return HttpResponse(str)
python-django 富文本编辑器
猜你喜欢
转载自blog.csdn.net/welun521/article/details/82804602
今日推荐
周排行