亚洲色蝴蝶中文娱乐网,在线亚洲欧美一区二区中文字幕,无人视频在线观看视频高清视频,99午夜国产精品一区二区,人人妻人人爽人人狠狠

Django中使用ueditor的方法步驟

時(shí)間：2022-01-18 22:32:47 類型：python
字號： 小  中  大

Ueditor的作用不再贅述，這里記錄下Django中使用Ueditor的步驟

  1. 下載DjangoUeditor3

    https://github.com/twz915/DjangoUeditor3/  (Python3)

  2. 解壓把文件夾中的DjangoUeditor提取出來, 如圖

    1.jpg

    前兩步下載安裝也可以為：

    pip install DjangoUeditor

  3.  把DjangoUeditor當(dāng)作我們項(xiàng)目的應(yīng)用，并放到項(xiàng)目的根目錄處

    2.jpg

  4. 　　在setting加入DjangoUeditor應(yīng)用設(shè)置，并且加入上傳圖片時(shí)的路徑選擇


  5.  INSTALLED_APPS = [
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'zz',
    'DjangoUeditor'   #新增應(yīng)用
]
MEDIA_URL = '/media/'        #新增ueditor上傳文件 映射目錄
MEDIA_ROOT = os.path.join(BASE_DIR,'statics/media')  #新增上傳文件 實(shí)際上傳 目錄
#項(xiàng)目下建設(shè)statics/media目錄
#設(shè)置ueditor文件上傳目錄


        7.jpg

5.  在項(xiàng)目的url.py里面加入應(yīng)用的路徑和圖片的上傳路徑映射

     8.jpg

　　1. 在項(xiàng)目的url.py里面加入應(yīng)用的路徑和圖片的上傳路徑

　　上傳圖片時(shí)， 出現(xiàn)'X-Frame-Options' to 'deny'

　　參考這里解決：http://www.guvo98.cn/news/show/1116.html

　　到DjangoUeditor應(yīng)用下的form.py, 修改引入方式

    5.jpg

6. 在視圖函數(shù)里面加載模板并初始化要顯示的內(nèi)容

class Add(View):
    def get(self,request):
        initContent = "<h1>初始化內(nèi)容</h1>"
        selectTree = SortAll.selectTree(20,"sortid")
        return render(request,'zz/news/add.html',locals())


 7. 模板里加載js

<script src="/static/ueditor/ueditor.config.js"></script>
<script src="/static/ueditor/ueditor.all.min.js"></script>
 <script id="content_id" name="content"  style="display: inline-block;" type="text/plain">{{ initContent | safe }}</script>
<script type="text/javascript">
    var ue = UE.getEditor('content_id',{'initialFrameWidth': 700, 'initialFrameHeight': 500, 'serverUrl': '/ueditor/controller/?imageMaxSize=2097152&imagePathFormat=images%2F&filePathFormat=files'});
</script>


　　另外：

　　1. Django3.0.3移除了six。

　　2. six可以單獨(dú)安裝：pip install six。另外，urllib 好像也獨(dú)立出來了，引用時(shí)不需有前綴。

　　3. 安裝完six之后，將DjangoUEditor中有關(guān)的引用路徑修改一下。包括如下三個(gè)文件的修改。

　　1>  DjangoUEditor目錄下的views.py文件中有如下行

　　from django.utils.six.moves.urllib.request import urlopen

　　from django.utils.six.moves.urllib.parse import urljoin

　　改為：

　　from six.moves.urllib.request import urlopen

　　from six.moves.urllib.parse import urljoin

　　2>  widgets.py文件中有如下一行：

　　from django.utils.six import string_types

　　修改為：

　　from six import string_types

　　3> urllib似乎已從six之中獨(dú)立出來，故commands.py文件中的如下一行：

　　from django.utils.six.moves.urllib.parse import urljoin

　　改為：

　　from urllib.parse import urljoin

最終顯示效果如下

9.jpg

<