Iterable field data

[brandonkelly]

Description

Makes it possible to loop over CKEditor field values, which will split the value into chunks representing either HTML markup or nested entries.

{% for chunk in entry.myCkeditorField %}
  {% if chunk.type == 'markup' %}
    <div class="markup">
      {{ chunk }}
    </div>
  {% else %}
    <div class="entry" data-entry-id="{{ chunk.entry.id }}">
      {{ chunk }}
    </div>
  {% endif %}
{% endfor %}

Outputting nested entry chunks directly will render their partial templates. Alternatively, you could call the entry’s render() method explicitly if you want to pass custom variables to the partial template:

{{ chunk.entry.render({
  foo: 'bar',
}) }}

Or bypass the partial template entirely:

{% switch chunk.entry.type.handle %}
  {% case 'text' %}
    <p>{{ chunk.entry.myTextField }}</p>
  {% case 'img' %}
    {% set asset = chunk.entry.myAssetsField.eagerly().one() %}
    {% if asset %}
      {{ asset.getImg({ width: 500 }) }}
    {% endif %}
{% endswitch %}

Related issues

• Longform Content with CKEditor - separate field contents into "text blocks" and "entries blocks" so we can loop through them #238
• Provide more flexibility for element partial templates cms#15178

[i-just]

Displaying the cke field content with {{ entry.myCkeField }} works as expected, but using the “chunked” approach and the example code from the PR, I had to run {{ chunk }} via the raw filter. That doesn’t seem right, does it?

There’s also a problem with editing cards with provisional changes. If you edit a nested entry and don’t save it, you see the card with the “edited” flag - that’s all good; if you now reload the page - the card still shows with the “edited” flag - that’s good; but if you try to edit that entry, you’ll get internal server error: “Invalid element ID” (because entry id is of a provisional draft and ElementsController::_elementById() doesn’t like that).