How to render a paragraph 'Text (formatted, long)' as full HTML, not escaped I'm trying to create a custom paragraph template that displays as an accordion. I am able to correctly reference most of the other variables, except for the Text (formatted, long) field types as whenever I do .value for the field, it returns the escaped value so it looks like 
    &lt;ul&gt;&lt;li&gt;text&lt;/li&gt;&lt;li&gt;text2&lt;/li&gt;&lt;/ul&gt;
instead of the actual bulleted list.

I am able to get the value using .value|raw, but I read that I should be avoided and I'd like to get this perform correctly.

Please let me know if any further information is required.

The following code is under paragraph--rn-accordion.html.twig. I have two paragraph types, rn_accordion and rn_accordion_section(which houses all the different fields). I tried to mirror this from the bootstrap module to get this working.

The troublesome fields are: {{ item['#paragraph'].field_rn_acc_1.value }} and {{ item['#paragraph'].field_rn_acc_2.value }}

            {# Prints Accordion template. #}
            &lt;div{{ attributes.addClass(classes).setAttribute('id', paragraph_id) }} role="tablist" aria-multiselectable="true"&gt;
                &lt;div class="panel panel-default consortia"&gt;
                  {# Loop through all of the accordion sections. #}
                  {% for key, item in content.field_rn_accordion if key|first != '#' %}
                    &lt;div class="panel-heading" role="tab" id="heading-{{ item['#paragraph'].field_rn_acc_abbr.value }}"&gt;
                      &lt;div class="row panel-title"&gt;
                          &lt;div class="col-sm-1 col-xs-2"&gt;
                            &lt;img src="{{ base_path }}Images/Icons/{{ item['#paragraph'].field_rn_acc_abbr.value }}_Icon.png" alt="{{ item['#paragraph'].field_rn_acc_abbr.value }}" class="img-responsive"/&gt;
                          &lt;/div&gt;
                          &lt;div class="col-sm-11 col-xs-10"&gt;
                            {# Print the accordion section title. #}
                            &lt;h5&gt;{{ item['#paragraph'].field_rn_acc_title.value }}&lt;/h5&gt;
                            &lt;p&gt;
                              &lt;small&gt;
                                &lt;a href="http://{{ item['#paragraph'].field_rn_acc_link.value }}" target="_blank"&gt;
                                {{ item['#paragraph'].field_rn_acc_link.value }}
                                &lt;/a&gt;
                              &lt;/small&gt;
                            &lt;/p&gt;
                            &lt;a class="button collapsed" data-toggle="collapse" data-parent="{{ paragraph_id }}" href="#{{ item['#paragraph'].field_rn_acc_abbr.value }}-1" aria-expanded="false" aria-controls="{{ item['#paragraph'].field_rn_acc_abbr.value }}-1"&gt;{{ item['#paragraph'].field_rn_acc_1_btn.value }}
                            &lt;/a&gt;
                            &lt;a class="button collapsed" data-toggle="collapse" data-parent="{{ paragraph_id }}" href="#{{ item['#paragraph'].field_rn_acc_abbr.value }}-2" aria-expanded="false" aria-controls="{{ item['#paragraph'].field_rn_acc_abbr.value }}-2"&gt;{{ item['#paragraph'].field_rn_acc_2_btn.value }}
                            &lt;/a&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                    &lt;/div&gt;
                    &lt;div id="{{ item['#paragraph'].field_rn_acc_abbr.value }}-1" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading-{{ item['#paragraph'].field_rn_acc_abbr.value }}"&gt;
                    {{ item['#paragraph'].field_rn_acc_1.value }}
                    &lt;/div&gt;
                    &lt;div id="{{ item['#paragraph'].field_rn_acc_abbr.value }}-2" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading-{{ item['#paragraph'].field_rn_acc_abbr.value }}"&gt;
                    {{ item['#paragraph'].field_rn_acc_2.value }}
                    &lt;/div&gt;
                  {% endfor %}
                &lt;/div&gt;
            &lt;/div&gt;
If you want to render a formatted text field you have to use the render element processed_text:

  {% set paragraph =  item['#paragraph'] %}

  {% set body = {
    '#type':   'processed_text',
    '#text':    paragraph.field_rn_acc_1.value,
    '#format':  paragraph.field_rn_acc_1.format,
  } %}

  &lt;div id="{{ paragraph.field_rn_acc_abbr.value }}-1" class="panel-collapse collapse"&gt;
  {{ body }}
  &lt;/div&gt;