Django框架使用富文本编辑器Uedit的方法分析
2018-10-15 18:08
阅读：756
本文实例讲述了Django框架使用富文本编辑器Uedit的方法。分享给大家供大家参考，具体如下：
Uedit是百度一款非常好用的富文本编辑器
一、安装及基本配置
官方GitHub（有详细的安装使用教程）：
1. settings.py
INSTALLED_APPS = [ ... DjangoUeditor, ... ]2. 配置urls
3. 字段信息
在需要使用富文本的字段所在的models.py中
from DjangoUeditor.models import UEditorField class Articles(models.Model): ... content = UEditorField(width=1200, height=600, imagePath=article/ueditor/, filePath=article/ueditor/,verbose_name=u文章内容) ...注意，在要使用ueditor的字段所在adminx.py的类中，添加
# 这样就指定了course的detail字段使用ueditor富文本编辑器 class ArticlesAdmin(object): ... style_fields = {content:ueditor}二、Ueditor插件制作
1. 插件代码
在extra_apps.xadmin.plugins中新建ueditor.py
2. xadmin中注册插件
在extra_apps.xadmin.plugins.__init__.py中添加
PLUGINS = ( ... ueditor, )友情提醒
在Django中使用富文本编辑器
在HTML页面中，Django处于安全考虑，将文本内容默认转义，我们需要关闭
来正常输出我们的文章
{% autoescape off %} {{ article.abstract }} {% endautoescape %}记录一下，空格的转义字符分为如下几种：
1. &160#;不断行的空白（1个字符宽度）
2. &8194#;半个空白（1个字符宽度）
3. &8195#;一个空白（2个字符宽度）
4. &8201#;窄空白（小于1个字符宽度）
平时一般用的是但是在中文中也许有时候更适合用
希望本文所述对大家基于Django框架的Python程序设计有所帮助。
文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：Django框架使用富文本编辑器Uedit的方法分析
文章链接：http://soscw.com/index.php/essay/19102.html
文章标题：Django框架使用富文本编辑器Uedit的方法分析
文章链接：http://soscw.com/index.php/essay/19102.html
评论
亲，登录后才可以留言！