在接口返回Markdown解析后的内容

2020-06-083924 阅读4 评论

Django博客教程(第二版) 中,我们给博客内容增加了 Markdown 的支持,博客详情接口应该返回解析后的 HTML 内容。

来回顾一下 Post 模型的代码,Markdown 解析后的 HTML 保存在这几个属性中:

class Post(models.Model):
    # ...

    @property
    def toc(self):
        return self.rich_content.get("toc", "")

    @property
    def body_html(self):
        return self.rich_content.get("content", "")

    @cached_property
    def rich_content(self):
        return generate_rich_content(self.body)

rich_contentbody Markdown 内容解析后的 HTML 内容,使用了 cached_property 装饰器缓存解析后的结果,以降低多次访问的开销。body_html 属性为解析后的正文内容,toc 属性是从正文标题中提取的目录。

tocbody_html 这两个属性的值是我们需要序列化并在接口中返回的,那么可否像之前那样,直接在序列化器 PostRetrieveSerializerMeta.fields 中添加这两个属性就行了呢?

答案是不能。之前说过,模型字段不同类型的值都需要不同的序列化字段对其进行序列化,我们之所以能直接在 Meta.fields 中指定需要序列化的字段而不需要额外的代码是因为这些字段都是直接定义在 django 的模型中的。django-rest-framework 可以根据模型中的字段的定义自动推断该使用何种类型的序列化字段,但对于这里提到的 tocbody_html 属性,django-rest-framework 就无法推断其值的类型,也就无法自动使用对应的序列化字段对其进行序列化了。不过解决方法很简单,既然 django-rest-framework 无法自动推断,那我们就人工指定该使用何种类型的序列化字段就行了。

这里需要序列化的字段值都是字符串,因此在序列化器中显示地指定需要序列化的字段以及使用的系列化字段类型就可以了:

class PostRetrieveSerializer(serializers.ModelSerializer):
    category = CategorySerializer()
    author = UserSerializer()
    tags = TagSerializer(many=True)
    toc = serializers.CharField()
    body_html = serializers.CharField()

    class Meta:
        model = Post
        fields = [
            "id",
            "title",
            "body",
            "created_time",
            "modified_time",
            "excerpt",
            "views",
            "category",
            "author",
            "tags",
            "toc",
            "body_html",
        ]

添加完成后,访问一篇文章的详情接口,就可以看到被序列化并返回的文章目录和正文 HTML 内容了。

-- EOF --

4 评论
登录后回复
wyg
2021-10-22 20:34:52

toc 和 body_html 这两个属性的值是我们需要序列化并在接口中返回的,那么可否像之前那样,直接在序列化器 PostRetrieveSerializer 的 Meta.fields 中添加这两个属性就行了呢?

经测试,在Django==3.2.8, djangorestframework==3.12.4中,可以直接在序列化器的Meta.fields中添加是可以的。

回复
sheldonlll
2020-07-05 21:12:13

def generate_rich_content(value):
    md = markdown.Markdown(
        extensions=[
            "markdown.extensions.extra",
            "markdown.extensions.codehilite",
            # 记得在顶部引入 TocExtension 和 slugify
            TocExtension(slugify=slugify),
        ]
    )
    content = md.convert(value)
    m = re.search(r'<div class="toc">\s*<ul>(.*)</ul>\s*</div>', md.toc, re.S)
    toc = m.group(1) if m is not None else ""
    return {"content": content, "toc": toc}

请问这个是为什么呀?一步一步写的

TypeError: slugify() takes 1 positional argument but 2 were given

报错信息:
return self.rich_content.get("toc", "")
res = instance.__dict__[self.name] = self.func(instance)
return generate_rich_content(self.body)
content = md.convert(value)
newRoot = treeprocessor.run(root)
el.attrib["id"] = unique(self.slugify(innertext, self.sep), used_ids)
return func(*args, **kwargs)
TypeError: slugify() takes 1 positional argument but 2 were given
回复
追梦人物 sheldonlll
2020-07-19 20:44:46

django 是 2.2 吗?slugify 是否从 django.utils.text 中引入的?

回复
HuangChangHuai
2020-07-01 01:35:49

思来想去,markdown还是用前端的插件来渲染好了,事事都由服务器的cpu来干的化,真的是太亏了/😀

回复