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

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

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

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

PyQuery使用方法

from pyquery import PyQuery as pq

class Article(models.Model):
   ...    
    content = models.TextField(verbose_name="文章內(nèi)容")
   ....
   
     #獲取后臺(tá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  #返回圖片路徑

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

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

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/37971.html

相關(guān)文章

django項(xiàng)目admin后臺(tái)整合tinymce富文本編輯并自定義添加圖片本地上傳和富文本中的回顯

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

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

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

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

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

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

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

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

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

zr_hebo 2019-07-31 10:57 評(píng)論0 收藏0