django富文本编辑器的实现示例

yipeiwu_com6年前Python基础

最近一段时间都在学django,现在的网站基本都要使用到富文本编辑器,今天就记录下使用django的管理后台的一个富文本编辑器的第三方库 DjangoUeditor

使用方法

1.安装

方法一:将github整个源码包下载回家,在命令行运行:

python setup.py install

方法二:使用pip工具在命令行运行(推荐):

pip install DjangoUeditor

2.在 settings.py的INSTALL_APPS里面增加DjangoUeditor app

INSTALLED_APPS = [
 ...
 'DjangoUeditor'
]

3.配置urls 在urls.py 里添加路由

# 富文本
path('ueditor/', include('DjangoUeditor.urls')),

4.在 modal 使用

# 引入 UEditorField
from DjangoUeditor.models import UEditorField
# 使用
class Demo(model.Model):
 detail = UEditorField(verbose_name=u'详情', width=600, height=300, imagePath="courses/ueditor/", filePath="courses/ueditor/", default='')

5.在template里的HTML 文件里面,把这个字段渲染出来

{% autoescape off %}
 {{ course.detail }}
 {% endautoescape %}

6.在 xadmin 中使用

#在该模块的 xadmin.py 中加上
style_fields = {"detail": "ueditor"}

问题

我是在虚拟环境里起的项目,这样安装好之后,报了一个

TypeError: render() got an unexpected keyword argument 'renderer'

解决

需要修改虚拟环境下的:boundfield.py文件: .virtualenvs/虚拟环境文件/lib/python3.X/site-packages/django/forms/boundfield.py

  return widget.render(
   name=self.html_initial_name if only_initial else self.html_name,
   value=self.value(),
   attrs=attrs,
   # renderer=self.form.renderer,(93行处注 释掉,就能正常运行了)
  )

示例

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持【听图阁-专注于Python设计】。

相关文章

python matplotlib 在指定的两个点之间连线方法

python matplotlib 在指定的两个点之间连线方法

为了找到matplotlib在两个点之间连线的方法真是费了好大功夫,最后还是决定用简单的 plt.plot 来解决。如果有好多对点,则可以通过循环实现连接,还可以用 plt.arrow...

在python中利用opencv简单做图片比对的方法

下面代码中利用了两种比对的方法,一 对图片矩阵(m x m)求解特征值,通过比较特征值是否在一定的范围内,判断图片是否相同。二 对图片矩阵(m x m)中1求和,通过比较sum和来比较图...

使用PIL(Python-Imaging)反转图像的颜色方法

利用PIL将图片转换为黑色与白色反转的图片,下面笔者小白介绍如何实现。 解决方案一: from PIL import Image import PIL.ImageOps #读入图...

Python线程下使用锁的技巧分享

使用诸如Lock、RLock、Semphore之类的锁原语时,必须多加小心,锁的错误使用很容易导致死锁或相互竞争。依赖锁的代码应该保证当出现异常时可以正常的释放锁。 典型代码如下:...

python原类、类的创建过程与方法详解

今天为大家介绍一下python中与class 相关的知识…… 获取对象的类名 python是一门面向对象的语言,对于一切接对象的python来说,咱们有必要深入的学习与了解一...