python - Django WYSIWYG 编辑器的“阅读更多”

Question

我正在使用django-summernote编辑器创建带有文本和图像的帖子，这些文本和图像作为 HTML 标记保存在字符字段中。

我想添加一个阅读更多功能，其中为所有帖子显示有限大小的预览。一个想法可能是截断字符字段，但如果 HTML 图像标签恰好位于边界之间，它可能会导致截断。

如何解决这个问题？

Answer 1

Django 有两个模板过滤器可以用来确保你的 HTML 没有格式错误：truncatechars_html和truncatewords_html

模板过滤器只是函数，因此您可以在 Python 代码中所需的任何位置导入它们，并将结果分配给您可以在其他地方使用的变量等。

例子：

from django.template.defaultfilters import truncatechars_html

html = """<p>Look, I&#8217;m some HTML. You can truncate me
       with Django template filters</p>"""
truncated_value = truncatechars_html(html, 30)

Answer 2

我参加这个聚会迟到了，但这篇文章出现在搜索结果中。我自己使用自定义模板过滤器获得了一个可行的解决方案。这使您可以像 WordPress 一样逐案中断。这是我所做的（在这篇文章和Django 文档的帮助下）：

在文本字段中提交的示例帖子：

<p>Here is some sample text</p> 
<!--more-->
<img src="cool_photo.jpg" />

在模板标签/read_more.py

from django import template
from django.template.defaultfilters import stringfilter

register = template.Library()

@register.filter(name='read_more')
@stringfilter
def read_more(value):
    pattern = "<!--more-->"
    return value.split(pattern, 1)[0]

在呈现截断版本的模板中：

{% load read_more %}
{{ object.body|read_more|safe }}

由于拆分模式是 html 注释，因此无需从主要帖子正文模板中删除它：

{{ object.body|safe }}