Django 第三方引用富文本编辑器6.1(django是前端还是后端)

网友投稿 423 2022-09-05


Django 第三方引用富文本编辑器6.1(django是前端还是后端)

借助富文本编辑器,管理员能够编辑出来一个包含html的页面,从而页面的显示效果,可以由管理员定义,而不用完全依赖于前期开发人员此处以tinymce为例,其它富文本编辑器的使用可以自行学习使用编辑器的显示效果为:

下载安装

在网站​​pypi网站​​搜索并下载"django-tinymce-2.4.0"解压

tar zxvf django-tinymce-2.4.0.tar.gz

进入解压后的目录,工作在虚拟环境,安装

python setup.py install

应用到项目中

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

INSTALLED_APPS = ( ... 'tinymce',)

在settings.py中添加编辑配置项

TINYMCE_DEFAULT_CONFIG = { 'theme': 'advanced', 'width': 600, 'height': 400,}

在根urls.py中配置

urlpatterns = [ ... url(r'^tinymce/', include('tinymce.urls')),]

在应用中定义模型的属性

from django.db import modelsfrom tinymce.models import HTMLFieldclass HeroInfo(models.Model): ... hcontent = HTMLField()

在后台管理界面中,就会显示为富文本编辑器,而不是多行文本框

自定义使用

定义视图editor,用于显示编辑器并完成提交

def editor(request): return render(request, 'other/editor.html')

配置url

urlpatterns = [ ... url(r'^editor/$', views.editor, name='editor'),]

创建模板editor.html



定义视图content,接收请求,并更新heroinfo对象

def content(request): hname = request.POST['hname'] hcontent = request.POST['hcontent'] heroinfo = HeroInfo.objects.get(pk=1) heroinfo.hname = hname heroinfo.hcontent = hcontent heroinfo.save() return render(request, 'other/content.html', {'hero': heroinfo})

添加url项

urlpatterns = [ ... url(r'^content/$', views.content, name='content'),]

定义模板content.html

姓名:{{hero.hname}}


{%autoescape off%}{{hero.hcontent}}{%endautoescape%}


版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:Django 上传图片和Admin站点5.2(django是前端还是后端)
下一篇:Django 验证码4.4(django和flask的区别)
相关文章

 发表评论

暂时没有评论,来抢沙发吧~