是否有处理“...more”的 Django 模板过滤器，当您单击它时，它会显示更多文本？

Question

假设我有一个很大的段落。

我只想显示前 15 个单词。之后，该人单击“更多”以查看其余内容。

Answer 1

刚刚启动它，似乎可以做你想做的事情，并且不依赖任何外部 JS 库。

免责声明：我还没有在 IE 中尝试过这个，但 chrome 和 firefox 工作得很好。

from django import template
from django.utils.html import escape
from django.utils.safestring import mark_safe

register = template.Library()

import re

readmore_showscript = ''.join([
"this.parentNode.style.display='none';",
"this.parentNode.parentNode.getElementsByClassName('more')[0].style.display='inline';",
"return false;",
]);

@register.filter
def readmore(txt, showwords=15):
    global readmore_showscript
    words = re.split(r' ', escape(txt))

    if len(words) <= showwords:
        return txt

    # wrap the more part
    words.insert(showwords, '<span class="more" style="display:none;">')
    words.append('</span>')

    # insert the readmore part
    words.insert(showwords, '<span class="readmore">... <a href="#" onclick="')
    words.insert(showwords+1, readmore_showscript)
    words.insert(showwords+2, '">read more</a>')
    words.insert(showwords+3, '</span>')

    # Wrap with <p>
    words.insert(0, '<p>')
    words.append('</p>')

    return mark_safe(' '.join(words))

readmore.is_safe = True

要使用它，只需在应用程序中创建一个 templatetags 文件夹，__init__.py在其中创建文件，然后将此代码放入readmore.py.

然后在您想要使用它的任何模板的顶部，只需添加：{% load readmore %}

要使用过滤器本身：

{{ some_long_text_var|readmore:15 }}

:15 告诉您要在阅读更多链接之前显示多少字数。

如果您想要任何奇特的东西，例如使用 ajax 加载完整内容，那就有点不同，并且需要更多的基础设施。