对字符串或html代码进行截取并添加...

安企CMS模板中如何对字符串或html代码进行截取并添加…?

truncatechars 过滤器可以对字符串进行截取并添加…,该方法会截断单词,指定长度包括…。

truncatechars_html 过滤器可以对html代码进行截取并添加…,该方法会截断单词,指定长度包括…。

truncatewords 过滤器可以对字符串按单词进行截取并添加…。

truncatewords_html 过滤器可以对html代码按单词进行截取并添加…。

使用方法

truncatechars 过滤器的使用方法:

}

truncatechars_html 过滤器的使用方法:

}

truncatewords 过滤器的使用方法:

}

truncatewords_html 过滤器的使用方法:

}

比如需要将 Joel is a slug 截取9个字符,多出部分使用…代替,则可以这么写:

}

显示结果

Joel i…

示例演示

truncatechars 过滤器

}
}
}
}
}

显示结果

Joel i…
Joel is a …
Joel is a slug

你好

truncatewords 过滤器

}
}
}

显示结果

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed …
10

你好世界
你好世界

truncatechars_html 过滤器

}
}
}
}
}
}

显示结果

This is a long test wh…
<div class=“foo”><ul class=“foo”><li class=“foo”><p class=“foo”>This is a long test wh…</p></li></ul></div>
<p class=‘test’ id=‘foo’>This is a long test wh…</p>
<a name=‘link’><p>This </a>is a long test wh…</p>
<p>This </a>is a long test wh…</p>
<p>This…</p>

truncatewords_html 过滤器

}
}
}
}
}
}
}

显示结果

This is a long test which will be cutted after some words.
<div class=“foo”><ul class=“foo”><li class=“foo”><p class=“foo”>This is a long test …</p></li></ul></div>
<p>This. is. a. long test. Test test, test….</p>
<a name=‘link’ href=“https://….”><p class=“foo”>This </a>is a long test,…</p>
<p>This </a>is a long test,…</p>
<p>This is …</p>

问题反馈可加技术微信:tsrz001