如何从不包括html的记录中获取第一个字符

Question

我正在为 Bolt (CMS) 制作主题，它使用 Twig 引擎。 该网站包含文章，所以我得到这样的文章字段{{ article.body }}

现在我想要实现的是获取文章正文的第一个字母并将其放大，然后正常显示文章正文的其余部分（没有这个第一个字符），您有时会在书中看到这一点。我设法做到了，我成功地改变了第一个角色的风格。

但是，使用 Twig 在文档中提供的大多数功能，我最常得到一个“<p> 标记放在开头.

有没有办法克服这个问题？！我不希望我的客户每次都必须删除<p> 标签。我认为有一种简单的方法可以让正文中没有任何 html 或其他适合我用例的内容。

它目前运行良好的方式：

<span class="firstcharacter">{{ article.body[:1] }}</span> {{ article.body[1:] }}</p> 

但这取决于文章不以任何 html 开头

Answer 1

第一个字母有一个css伪选择器：

.firstcharacter::first-letter{font-size: 50px;}

这对你有用吗？

Answer 2

您可以使用striptags 过滤器。例如：

{{ article.body| striptags [:1] }}

Here 一个工作示例

希望有帮助

Answer 3

如果您使用 CSS，则不需要提取第一个字母，例如

模板： <div class="dropcap">{{ article.body }}</div>

CSS： div.dropcap p:first-of-type::first-letter {color: #f00;}

这将改变第一段的第一个字母。