资讯专栏INFORMATION COLUMN

Django获取后台文本编辑器图文内容中图片并显示在模版中

y1chuan / 1944人阅读

摘要:通过获取到中的图片地址返回,然后显示在前台模版中代码如下使用方法文章内容获取后台文本编辑器图文内容中图片地址获取数据表中的字段内容方法获取编辑器内容截取内容中的路径返回图片路径前台模版中调用时直接调用方法即可

django开发博客时,想在前台模版中显示后台文本编辑器中上传的图片作为缩略图,因为后台用的第三方的编辑器,所以添加到数据库的数据为html,网上找了很长时间也没有找到很好的解决方案,通过自己摸索研究,用一个第三方模块PyQuery实现了该功能。通过PyQuery获取到html中的img图片地址返回,然后显示在前台模版中,代码如下:

PyQuery使用方法

from pyquery import PyQuery as pq

class Article(models.Model):
   ...    
    content = models.TextField(verbose_name="文章内容")
   ....
   
     #获取后台文本编辑器图文内容中图片url地址    
    def get_contentimg_url(self):
        temp=Article.objects.filter(pk=str(self.id)).values("content") #values获取Article数据表中的content字段内容
        html=pq(temp[0]["content"]) #pq方法获取编辑器html内容
        img_path=pq(html)("img").attr("src") #截取html内容中的路径
        return img_path  #返回图片路径
前台模版中调用时直接 调用get_contentimg_url()方法即可

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/37971.html

相关文章

  • django项目admin后台整合tinymce富文本编辑自定义添加图片本地上传和富文本的回显

    摘要:选择该页面绑定的标签指定图片上传处理目录注其中为了显示为中文,标明了中文,同时需要下载语言包放到对应的文件夹下。 前言 我们常因为django的自带admin后台功能而选择该框架,但也因为其自动生成的特殊性而在做出特别的更改的时候束手束脚,鉴于项目已经采用了django,而后台要求能够直接上传富文本内容直接用于网页显示,定制性高,后来翻了目前较为知名的几款富文本编辑框,觉得还是tiny...

    HackerShell 评论0 收藏0
  • django项目admin后台整合tinymce富文本编辑自定义添加图片本地上传和富文本的回显

    摘要:选择该页面绑定的标签指定图片上传处理目录注其中为了显示为中文,标明了中文,同时需要下载语言包放到对应的文件夹下。 前言 我们常因为django的自带admin后台功能而选择该框架,但也因为其自动生成的特殊性而在做出特别的更改的时候束手束脚,鉴于项目已经采用了django,而后台要求能够直接上传富文本内容直接用于网页显示,定制性高,后来翻了目前较为知名的几款富文本编辑框,觉得还是tiny...

    Honwhy 评论0 收藏0
  • django项目admin后台整合tinymce富文本编辑自定义添加图片本地上传和富文本的回显

    摘要:选择该页面绑定的标签指定图片上传处理目录注其中为了显示为中文,标明了中文,同时需要下载语言包放到对应的文件夹下。 前言 我们常因为django的自带admin后台功能而选择该框架,但也因为其自动生成的特殊性而在做出特别的更改的时候束手束脚,鉴于项目已经采用了django,而后台要求能够直接上传富文本内容直接用于网页显示,定制性高,后来翻了目前较为知名的几款富文本编辑框,觉得还是tiny...

    k00baa 评论0 收藏0
  • Django2.2图文教程

    摘要:事实上,社区成员给了他一个荣誉称号终生仁慈独裁者。说明图片来源百度。安装终端下或是在里面,命令相同。同步数据库在终端中执行此命令执行完成后,会在下生产记录变动的记录。此时数据库并未变动,然后执行这样的变动,立即同步到数据库中。 原文链接 1.准备工作 开发环境: python: 3.7.3 下载地址:https://www.python.org/downlo... pip: pip...

    roundstones 评论0 收藏0
  • Django 博客开发教程 9 - 支持 Markdown 语法和代码高亮

    摘要:注意如果你按照教程中的方法做完后发现代码依然没有高亮,请依次检查以下步骤确保在渲染文本时添加了拓展,详情见上文。有些样式文件可能对代码高亮没有作用,首先尝试用样式文件做测试。在支持语法和代码高亮追梦人物的博客的评论区留言。 为了让博客文章具有良好的排版,显示更加丰富的格式,我们使用 Markdown 语法来书写我们的博文。Markdown 是一种 HTML 文本标记语言,只要遵循它约定...

    zr_hebo 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<