Twig：如何检查字段的内部 html 内容

Question

我有一个字段，该字段可以有一两行 html：

<p>One line</p>

或：

<p>first line</p>
<p>Second line </p>

使用 twig 我如何检查字段是否有一个或两个

标签。

我想做的例子：

{% if item|length('<p>') = 1 %}
     <div class="one">{{ item }}</div>
 {% elseif item|length('<p>') = 2 %}
     <div class="two">{{ item }}</div>
 {% endif %}

关于如何实现这一点的任何想法？

更新 #1：Honza 说的是真的，如果项目中只有一行，我希望父 div 有一个类，如果项目中有两行，我希望父 div 有一个不同的类

更新 #2 这是我的树枝文件中的实际标记。

{%
  set classes = [
    'field',
    'field--name-' ~ field_name|clean_class,
    'field--type-' ~ field_type|clean_class,
    'field--label-' ~ label_display,
  ]
%}
{%
  set title_classes = [
    'field__label',
    label_display == 'visually_hidden' ? 'visually-hidden',
  ]
%}

  <div{{ attributes.addClass(classes) }}>

    <div{{ title_attributes.addClass(title_classes) }}>{{ label }}</div>

    {% if multiple %}  <div class="field__items"> {% endif %}

    {% for item in items %}
      <div{{ item.attributes.addClass('field__item') }}>{{ item.content }}</div>
    {% endfor %}

    {% if multiple %} </div> {% endif %}
  </div>

我希望 field__item 有一个类，当它有一个 <p> 标签和一个不同的类，当它有两个标签时，我知道事实上它将是 <p> 标签，但 <p> 标签的内容各不相同仅以第一行和第二行为例，但内容是用户在填写字段后生成的，无论是使用一行还是两行。

Alvin Bunk - 使用 Edit 2 中的代码已接近，但无论如何它仍会将类输出为 0，我不知道为什么，因为我在你的 twigfiddle 文件中看到它有效，也许是因为它是 Drupal 8。我如何将您的代码集成到模板中：

 <div{{ attributes.addClass(classes) }}>

    <div{{ title_attributes.addClass(title_classes) }}>{{ label }}</div>

    {% if multiple %} <div class="field__items"> {% endif %}

    {% set count = item|split('</p>') %}

    {% for item in items %}

      <div class="{{ count|length -1 }}">{{ item.content }}</div>

    {% endfor %} 

    {% if multiple %} </div> {% endif %}

  </div> 

我不知道我做错了什么，但它总是显示为 class="0" 我也尝试过“item.content”和“item.content|raw”，但没有。

这里是转储输出：

array(1) {
  [0]=>
  array(2) {
    ["content"]=>
    array(4) {
      ["#type"]=>
      string(14) "processed_text"
      ["#text"]=>
      string(52) "<p>CGS-2181-3105-9090</p>
<p>CGS-2181-3105-9090</p>"
      ["#format"]=>
      string(15) "restricted_html"
      ["#langcode"]=>
      string(3) "und"
    }
    ["attributes"]=>
    object(Drupal\Core\Template\Attribute)#2953 (1) {
      ["storage":protected]=>
      array(0) {
      }
    }
  }
}

更新 #3

基于上面的转储，我可以使用 {{ item.content["#text"] }} 获取字段的 html 值，它输出 <p>CGS-2181-3105-9090</p> <p>CGS-2181-3105-9090</p> 但我不知道如何遍历它，我尝试设置一个变量 {% set count = '<p>' in item.content["#text"] %} 然后检查长度喜欢{{ count|length }}，但无论如何我总是得到 1。

更新#4：

使用来自 Alvin Bunk 的代码的变体，我终于能够让它输出一个数字，这里是正确获取标签数字的标记：

 {% for item in items %}

          {% set count = item.content["#text"]|split('</p>') %}    

      <div class="{{ count|length -1 }}">{{ item.content }}</div>

    {% endfor %}

我在 for 循环下面移动了 set 变量，并从转储中添加了字符串存在的对象，现在它可以正确计数。

Answer 1

你没有提供足够的信息，但我会假设一些事情：

Item 是一个字符串，如下所示：

<p>first line</p><p>Second line</p>

那么你可以使用下面的Twig代码：

{% set lines = item|split('</p>') %}

{% for element in lines if element != '' %}
    <div class="{{ loop.index }}">{{ element|raw }}</p></div>
{% endfor %}

在上面，我将item 字符串拆分为一个名为lines 的数组。然后我对 lines 元素执行一个 for 循环，并将类设置为循环索引（基于一个）。我输出为原始 html。

您会注意到，自从我在'</p>' 上拆分后，数组lines 将包含最后一个为空的元素；所以在我的 for 我必须添加if element != ''。

Here is the twigfiddle 让您看到它正在运行。

---

编辑 #2 - 基于 cmets。

在这种情况下，这应该有效：

{% set item = '\n<p>first line</p>\n<p>Second line</p>\n' %}

{% set count = item|split('</p>') %}

<div class="{{ count|length -1 }}">{{ item|raw }}</div>

我更新了我的 twigfiddle，所以你可以看到变化。

---

编辑#3

您错过了一项更改，您需要拆分items 而不是item：

<div{{ attributes.addClass(classes) }}>

    <div{{ title_attributes.addClass(title_classes) }}>{{ label }}</div>

    {% if multiple %} <div class="field__items"> {% endif %}

    {% set count = items|split('</p>') %}

    {% for item in items %}
      <div class="{{ count|length -1 }}">{{ item.content }}</div>
    {% endfor %} 

    {% if multiple %} </div> {% endif %}

  </div>

---

编辑#4

您的计数集需要在循环之外。试试这个：

{% set count = item.content["#text"]|split('</p>') %}  
{% for item in items %}
      <div class="{{ count|length -1 }}">{{ item.content["#text"] }}</div>
{% endfor %}

Answer 2

另一种选择是制作一个 Twig 扩展来计算段落，但对于这样的任务来说这可能是一种过度杀伤：

编辑 - 为 Drupal 更新

namespace Drupal\twig_extension_parCount\TwigExtension;

use Drupal\Core\Template\TwigExtension;

class parCountExtension extends TwigExtension
{
    public function getFunctions() {
        return array(
            'parCount' => new \Twig_Function_Function(array('Drupal\twig_extension_parCount\TwigExtension\ParCountExtension', 'parCount')),
        );
    }

    public function getName() {
        return 'twig_extension_parCount.parCount_extension';
    }

    public static function parCount($str)
    {
        return substr_count($str, '<p>');
    }
}

然后在模板本身中

{%  if (parCount(item) == 1) %}
   <div class="one">
{% elseif (parCount(item) == 2) %}
   <div class="two">
{% endif %}
{{ item }}</div>