Django獲取后臺文本編輯器圖文內(nèi)容中圖片并顯示在模版中

y1chuan 發(fā)布于2019-07-25 10:27 / 2155人閱讀

摘要：通過獲取到中的圖片地址返回，然后顯示在前臺模版中代碼如下使用方法文章內(nèi)容獲取后臺文本編輯器圖文內(nèi)容中圖片地址獲取數(shù)據(jù)表中的字段內(nèi)容方法獲取編輯器內(nèi)容截取內(nèi)容中的路徑返回圖片路徑前臺模版中調(diào)用時直接調(diào)用方法即可

django開發(fā)博客時，想在前臺模版中顯示后臺文本編輯器中上傳的圖片作為縮略圖，因為后臺用的第三方的編輯器，所以添加到數(shù)據(jù)庫的數(shù)據(jù)為html，網(wǎng)上找了很長時間也沒有找到很好的解決方案，通過自己摸索研究，用一個第三方模塊PyQuery實現(xiàn)了該功能。通過PyQuery獲取到html中的img圖片地址返回，然后顯示在前臺模版中,代碼如下：

PyQuery使用方法

from pyquery import PyQuery as pq

class Article(models.Model):
   ...    
    content = models.TextField(verbose_name="文章內(nèi)容")
   ....
   
     #獲取后臺文本編輯器圖文內(nèi)容中圖片url地址    
    def get_contentimg_url(self):
        temp=Article.objects.filter(pk=str(self.id)).values("content") #values獲取Article數(shù)據(jù)表中的content字段內(nèi)容
        html=pq(temp[0]["content"]) #pq方法獲取編輯器html內(nèi)容
        img_path=pq(html)("img").attr("src") #截取html內(nèi)容中的路徑
        return img_path  #返回圖片路徑

前臺模版中調(diào)用時直接調(diào)用get_contentimg_url()方法即可

云服務(wù)器 GPU云服務(wù)器圖片一直顯示圖片上傳中在js中怎么給文本框 js中獲取后臺數(shù)據(jù) 在html中顯示日期

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/37971.html

相關(guān)文章

django項目admin后臺整合tinymce富文本編輯并自定義添加圖片本地上傳和富文本中的回顯

摘要：選擇該頁面綁定的標(biāo)簽指定圖片上傳處理目錄注其中為了顯示為中文，標(biāo)明了中文，同時需要下載語言包放到對應(yīng)的文件夾下。前言我們常因為django的自帶admin后臺功能而選擇該框架，但也因為其自動生成的特殊性而在做出特別的更改的時候束手束腳，鑒于項目已經(jīng)采用了django，而后臺要求能夠直接上傳富文本內(nèi)容直接用于網(wǎng)頁顯示，定制性高，后來翻了目前較為知名的幾款富文本編輯框，覺得還是tiny...

HackerShell 2019-08-21 17:29 評論0 收藏0
django項目admin后臺整合tinymce富文本編輯并自定義添加圖片本地上傳和富文本中的回顯

摘要：選擇該頁面綁定的標(biāo)簽指定圖片上傳處理目錄注其中為了顯示為中文，標(biāo)明了中文，同時需要下載語言包放到對應(yīng)的文件夾下。前言我們常因為django的自帶admin后臺功能而選擇該框架，但也因為其自動生成的特殊性而在做出特別的更改的時候束手束腳，鑒于項目已經(jīng)采用了django，而后臺要求能夠直接上傳富文本內(nèi)容直接用于網(wǎng)頁顯示，定制性高，后來翻了目前較為知名的幾款富文本編輯框，覺得還是tiny...

Honwhy 2019-08-01 17:56 評論0 收藏0
django項目admin后臺整合tinymce富文本編輯并自定義添加圖片本地上傳和富文本中的回顯

摘要：選擇該頁面綁定的標(biāo)簽指定圖片上傳處理目錄注其中為了顯示為中文，標(biāo)明了中文，同時需要下載語言包放到對應(yīng)的文件夾下。前言我們常因為django的自帶admin后臺功能而選擇該框架，但也因為其自動生成的特殊性而在做出特別的更改的時候束手束腳，鑒于項目已經(jīng)采用了django，而后臺要求能夠直接上傳富文本內(nèi)容直接用于網(wǎng)頁顯示，定制性高，后來翻了目前較為知名的幾款富文本編輯框，覺得還是tiny...

k00baa 2019-07-30 14:56 評論0 收藏0
Django2.2圖文教程

摘要：事實上，社區(qū)成員給了他一個榮譽稱號終生仁慈獨裁者。說明圖片來源百度。安裝終端下或是在里面，命令相同。同步數(shù)據(jù)庫在終端中執(zhí)行此命令執(zhí)行完成后，會在下生產(chǎn)記錄變動的記錄。此時數(shù)據(jù)庫并未變動，然后執(zhí)行這樣的變動，立即同步到數(shù)據(jù)庫中。原文鏈接 1.準備工作開發(fā)環(huán)境： python: 3.7.3 下載地址：https://www.python.org/downlo... pip: pip...

roundstones 2019-07-31 10:18 評論0 收藏0
Django 博客開發(fā)教程 9 - 支持 Markdown 語法和代碼高亮

摘要：注意如果你按照教程中的方法做完后發(fā)現(xiàn)代碼依然沒有高亮，請依次檢查以下步驟確保在渲染文本時添加了拓展，詳情見上文。有些樣式文件可能對代碼高亮沒有作用，首先嘗試用樣式文件做測試。在支持語法和代碼高亮追夢人物的博客的評論區(qū)留言。為了讓博客文章具有良好的排版，顯示更加豐富的格式，我們使用 Markdown 語法來書寫我們的博文。Markdown 是一種 HTML 文本標(biāo)記語言，只要遵循它約定...

zr_hebo 2019-07-31 10:57 評論0 收藏0