欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Django中在xadmin中集成DjangoUeditor過程詳解

 更新時間:2019年07月24日 14:46:18   作者:路路路路啊  
這篇文章主要介紹了Django中在xadmin中集成DjangoUeditor過程詳解,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下

環(huán)境

python版本:3.6

django:1.10.8

1.下載xadmin

https://github.com/sshwsfc/xadmin

下載DjangoUeditor

https://github.com/twz915/DjangoUeditor3

2.直接將xadmin和DjangoUeditor集成在pycharm里,在項目下新建一個文件夾extra_apps,將與xadmin、DjangoUeditor的同名文件復(fù)制在extra_apps下

3.在settings.py里注冊DjangoUeditor

INSTALLED_APPS = [
 ...
 #xadmin第三方插件,實現(xiàn)富文本編輯
 'DjangoUeditor'
]

4.在url里對其進行配置

url(r'^ueditor/',include('DjangoUeditor.urls'))

5.在xadmin中添加插件ueditor

在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")   #自己的靜態(tài)目錄
  js += '<script type="text/javascript" src="%s"></script>' % (settings.STATIC_URL + "ueditor/ueditor.all.min.js") #自己的靜態(tài)目錄
  nodes.append(js)
 
xadmin.site.register_plugin(UeditorPlugin, UpdateAdminView)
xadmin.site.register_plugin(UeditorPlugin, CreateAdminView)

6.在xadmin-》plugins-》__init__.py中添加ueditor

PLUGINS = (
 'actions',
 'filters',
 'bookmark',
 'export',
 'layout',
 'refresh',
 'details',
 'editable',
 'relate',
 'chart',
 'ajax',
 'relfield',
 'inline',
 'topnav',
 'portal',
 'quickform',
 'wizard',
 'images',
 'auth',
 'multiselect',
 'themes',
 'aggregation',
 'mobile',
 'passwords',
 'sitemenu',
 'language',
 'quickfilter',
 'sortablelist',
 'importexport'
 'ueditor'
)

7.將ueditor添加到adminx.py中

這里的NoticeContent是指使用UEditorField的字段

class NoticeAdmin(object): list_display = ['NoticeTitle', 'NoticeContent','NoticeDesc','NoticeCategory', 'NoticeData','NoticeUser'] style_fields={"NoticeContent":"ueditor"}

8.運行結(jié)果:

9.前端顯示需要加上:

{% autoescape off %}
{% endautoescape %}

注意:要想在富文本編輯框中顯示出圖片,必須在settings.py里設(shè)置路徑:

MEDIA_ROOT = os.path.join(BASE_DIR, 'media').replace('\\', '/')  #設(shè)置靜態(tài)文件路徑為主目錄下的media文件夾
MEDIA_URL = '/media/'

在與項目同名的文件下的urls.py中添加:

urlpatterns = [
 url('admin/', admin.site.urls),
 url(r'^ueditor/',include('DjangoUeditor.urls')),
]+ static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

否則無法顯示圖片。

以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。

相關(guān)文章

  • Python 實現(xiàn)輸入任意多個數(shù),并計算其平均值的例子

    Python 實現(xiàn)輸入任意多個數(shù),并計算其平均值的例子

    今天小編就為大家分享一篇Python 實現(xiàn)輸入任意多個數(shù),并計算其平均值的例子,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2019-07-07
  • Python?SQLAlchemy庫的實現(xiàn)示例

    Python?SQLAlchemy庫的實現(xiàn)示例

    SQLAlchemy庫是一個強大的工具,為開發(fā)人員提供了便捷的方式來處理與數(shù)據(jù)庫的交互,本文主要介紹了Python?SQLAlchemy庫的實現(xiàn)示例,具有一定的參考價值,感興趣的可以了解一下
    2024-06-06
  • Python類的多繼承的搜索順序

    Python類的多繼承的搜索順序

    python和C++一樣,支持多繼承,本文主要介紹了Python類的多繼承的搜索順序,文中通過示例代碼介紹的非常詳細,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2024-03-03
  • Python3爬蟲里關(guān)于Splash負載均衡配置詳解

    Python3爬蟲里關(guān)于Splash負載均衡配置詳解

    在本篇文章里小編給大家分享了關(guān)于Python3爬蟲里關(guān)于Splash負載均衡配置的相關(guān)內(nèi)容,需要的朋友們可以學(xué)習(xí)參考下。
    2020-07-07
  • 詳解如何用Python實現(xiàn)感知器算法

    詳解如何用Python實現(xiàn)感知器算法

    今天給大家?guī)淼氖顷P(guān)于Python的相關(guān)知識,文章圍繞著如何用Python實現(xiàn)感知器算法展開,文中有非常詳細的介紹及代碼示例,需要的朋友可以參考下
    2021-06-06
  • python開發(fā)之thread線程基礎(chǔ)實例入門

    python開發(fā)之thread線程基礎(chǔ)實例入門

    這篇文章主要介紹了python開發(fā)之thread線程基礎(chǔ),以三個實例形式分析了Python中thread線程的基本使用方法,涉及串行與并行程序的執(zhí)行原理及線程的操作技巧,需要的朋友可以參考下
    2015-11-11
  • Python實現(xiàn)簡單的列表冒泡排序和反轉(zhuǎn)列表操作示例

    Python實現(xiàn)簡單的列表冒泡排序和反轉(zhuǎn)列表操作示例

    這篇文章主要介紹了Python實現(xiàn)簡單的列表冒泡排序和反轉(zhuǎn)列表操作,涉及Python列表遍歷、排序、追加等相關(guān)操作技巧,需要的朋友可以參考下
    2019-07-07
  • 用Python實現(xiàn)將一張圖片分成9宮格的示例

    用Python實現(xiàn)將一張圖片分成9宮格的示例

    今天小編就為大家分享一篇用Python實現(xiàn)將一張圖片分成9宮格的示例,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2019-07-07
  • pycharm中成功運行圖片的配置教程

    pycharm中成功運行圖片的配置教程

    今天小編就為大家分享一篇pycharm中成功運行圖片的配置教程,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2018-10-10
  • Python?Matplotlib基本用法詳解

    Python?Matplotlib基本用法詳解

    Matplotlib?是Python中類似?MATLAB?的繪圖工具,熟悉?MATLAB?也可以很快的上手?Matplotlib,這篇文章主要介紹了Python?Matplotlib基本用法,需要的朋友可以參考下
    2023-03-03

最新評論