django富文本編輯器

最近一段時間都在學django,如今的網站基本都要使用到富文本編輯器，今天就記錄下使用django的管理後臺的一個富文本編輯器的第三方庫 DjangoUeditor

使用方法

1.安裝

方法一：將github整個源碼包下載回家，在命令行運行：

python setup.py install

方法二：使用pip工具在命令行運行(推薦)：

pip install DjangoUeditor

<!-- more -->

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

89        return widget.render(
90            name=self.html_initial_name if only_initial else self.html_name,
91            value=self.value(),
92            attrs=attrs,
93           # renderer=self.form.renderer,（93行處注 釋掉，就能正常運行了）
94        )

 

示例

blog: http://blog.beastxw.wang