Django框架使用富文本編輯器Uedit的方法分析
更新時(shí)間：2018年07月31日 12:02:55 作者：站在兩個(gè)世界的邊緣
這篇文章主要介紹了Django框架使用富文本編輯器Uedit的方法,結(jié)合實(shí)例形式分析了Django框架中使用Uedit的安裝、配置方法及Uedit相關(guān)插件制作方法,需要的朋友可以參考下
本文實(shí)例講述了Django框架使用富文本編輯器Uedit的方法。分享給大家供大家參考，具體如下：
Uedit是百度一款非常好用的富文本編輯器
一、安裝及基本配置
官方GitHub（有詳細(xì)的安裝使用教程）：https://github.com/zhangfisher/DjangoUeditor
1. settings.py
INSTALLED_APPS = [ ... 'DjangoUeditor', ... ]
2. 配置urls
from django.conf.urls import url, include
urlpatterns = [
# 富文本相關(guān)url
url(r'^ueditor/', include('DjangoUeditor.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"文章內(nèi)容")
...
注意，在要使用ueditor的字段所在adminx.py的類中，添加
# 這樣就指定了course的detail字段使用ueditor富文本編輯器
class ArticlesAdmin(object):
...
style_fields = {"content":"ueditor"}
二、Ueditor插件制作
1. 插件代碼
在extra_apps.xadmin.plugins中新建ueditor.py
import xadmin
from xadmin.views import BaseAdminPlugin, CreateAdminView, ModelFormAdminView, UpdateAdminView
from DjangoUeditor.models import UEditorField
from DjangoUeditor.widgets import UEditorWidget
from django.conf import settings
class XadminUEditorWidget(UEditorWidget):
def __init__(self, **kwargs):
self.ueditor_options=kwargs
self.Media.js = None
super(XadminUEditorWidget, self).__init__(kwargs)
class UeditorPlugin(BaseAdminPlugin):
def get_field_style(self, attrs, db_field, style, **kwargs):
if style == 'ueditor':
if isinstance(db_field, UEditorField):
widget = db_field.formfield().widget
param = {}
param.update(widget.ueditor_settings)
param.update(widget.attrs)
return {'widget': XadminUEditorWidget(**param)}
return attrs
def block_extrahead(self, context, nodes):
js = '<script type="text/javascript" src="%s"></script>' % (settings.STATIC_URL + "ueditor/ueditor.config.js")
js += '<script type="text/javascript" src="%s"></script>' % (settings.STATIC_URL + "ueditor/ueditor.all.min.js")
nodes.append(js)
xadmin.site.register_plugin(UeditorPlugin, UpdateAdminView)
xadmin.site.register_plugin(UeditorPlugin, CreateAdminView)
2. xadmin中注冊(cè)插件
在extra_apps.xadmin.plugins.__init__.py中添加
PLUGINS = ( ... 'ueditor', )
友情提醒
在Django中使用富文本編輯器
在HTML頁面中，Django處于安全考慮，將文本內(nèi)容默認(rèn)轉(zhuǎn)義，我們需要關(guān)閉
來正常輸出我們的文章
{% autoescape off %}
{{ article.abstract }}
{% endautoescape %}
記錄一下，空格的轉(zhuǎn)義字符分為如下幾種：
1. &160#;不斷行的空白（1個(gè)字符寬度）
2.  &8194#;半個(gè)空白（1個(gè)字符寬度）
3.  &8195#;一個(gè)空白（2個(gè)字符寬度）
4.  &8201#;窄空白（小于1個(gè)字符寬度）
平時(shí)一般用的是 但是在中文中也許有時(shí)候更適合用 
希望本文所述對(duì)大家基于Django框架的Python程序設(shè)計(jì)有所幫助。
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了python手寫均值濾波的相關(guān)代碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-02-02
python實(shí)現(xiàn)飛機(jī)大戰(zhàn)
這篇文章主要為大家詳細(xì)介紹了python實(shí)現(xiàn)飛機(jī)大戰(zhàn)游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-09-09
這篇文章主要介紹了如何基于python實(shí)現(xiàn)不鄰接植花,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-05-05
Python中的多進(jìn)程是通過multiprocessing包來實(shí)現(xiàn)的，和多線程的threading.Thread差不多，它可以利用multiprocessing.Process對(duì)象來創(chuàng)建一個(gè)進(jìn)程對(duì)象。本文將帶你深入了解Python多線程，需要的可以參考一下2022-01-01
這篇文章主要介紹了python實(shí)現(xiàn)給字典添加條目的方法,是比較實(shí)用的字典操作技巧,實(shí)例備有簡單的注釋,需要的朋友可以參考下2014-09-09
Python numpy大矩陣運(yùn)算內(nèi)存不足如何解決
這篇文章主要介紹了Python numpy大矩陣運(yùn)算內(nèi)存不足如何解決,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-11-11
這篇文章主要給大家介紹了關(guān)于Python中一些深不見底的“坑”，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用Python具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-06-06
python提供了大量的庫,可以非常方便的進(jìn)行各種操作,下面這篇文章主要給大家介紹了關(guān)于Python讀寫csv文件的超詳細(xì)步驟,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-05-05
python實(shí)現(xiàn)ipsec開權(quán)限實(shí)例
這篇文章主要介紹了python實(shí)現(xiàn)ipsec開權(quán)限的方法,彌補(bǔ)了windows自帶的命令行工具netsh ipsec static add filter不支持批量添加及添加重復(fù)規(guī)則的不足,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2014-11-11
@符號(hào)用做函數(shù)的修飾符,可以在模塊或者類的定義層內(nèi)對(duì)函數(shù)進(jìn)行修飾,下面這篇文章主要給大家介紹了關(guān)于Python中@符號(hào)是什么意思的相關(guān)資料,需要的朋友可以參考下2021-09-09