feat(BlockEditor): Rename ProseMirror functions and add new block editor Twig templates

Author: fmontes

examples/dotcms-symfony/src/Twig/DotCMSExtension.php

@@ -23,7 +23,7 @@ public function getFunctions(): array
             new TwigFunction('getGridClass', [$this, 'getGridClass']),
             new TwigFunction('generateHtmlBasedOnProperty', [$this, 'generateHtmlBasedOnProperty'], ['is_safe' => ['html']]),
             new TwigFunction('htmlAttr', [$this, 'htmlAttr'], ['is_safe' => ['html']]),
-            new TwigFunction('renderProseMirrorContent', [$this, 'renderProseMirrorContent'], ['is_safe' => ['html']])
+            new TwigFunction('renderBlockEditorField', [$this, 'renderBlockEditorField'], ['is_safe' => ['html']])
         ];
     }
 
@@ -77,24 +77,24 @@ public function getContainersData(array $containers, array $containerRef): array
         return $containerData;
     }
 
-    public function renderProseMirrorContent($content): string
+    public function renderBlockEditorField($content): string
     {
         if (empty($content) || !isset($content['content'])) {
             return '';
         }
 
         $html = '';
         foreach ($content['content'] as $block) {
-            $html .= $this->renderProseMirrorBlock($block);
+            $html .= $this->renderBlockEditorBlock($block);
         }
 
         return $html;
     }
 
-    private function renderProseMirrorBlock(array $block): string
+    private function renderBlockEditorBlock(array $block): string
     {
         $type = $block['type'] ?? '';
-        $template = 'dotcms/prosemirror/' . $type . '.twig';
+        $template = 'dotcms/block-editor-field/' . $type . '.twig';
 
         if ($this->twig->getLoader()->exists($template)) {
             return $this->twig->render($template, ['block' => $block]);
@@ -131,7 +131,7 @@ private function renderBulletList(array $block): string
         $items = '';
         if (isset($block['content'])) {
             foreach ($block['content'] as $item) {
-                $items .= $this->renderProseMirrorBlock($item);
+                $items .= $this->renderBlockEditorBlock($item);
             }
         }
         return $items ? "<ul>{$items}</ul>" : '';
@@ -142,7 +142,7 @@ private function renderListItem(array $block): string
         $content = '';
         if (isset($block['content'])) {
             foreach ($block['content'] as $item) {
-                $content .= $this->renderProseMirrorBlock($item);
+                $content .= $this->renderBlockEditorBlock($item);
             }
         }
         return $content ? "<li>{$content}</li>" : '';

examples/dotcms-symfony/templates/blog-detail.html.twig

@@ -13,7 +13,7 @@
 
                     {% if pageAsset.urlContentMap.blogContent is defined %}
                         <div class="blog-content">
-                            {{ renderProseMirrorContent(pageAsset.urlContentMap.blogContent) }}
+                            {{ renderBlockEditorField(pageAsset.urlContentMap.blogContent) }}
                         </div>
                     {% endif %}
                 </article>

…lates/dotcms/prosemirror/blockquote.twig …otcms/block-editor-field/blockquote.twigexamples/dotcms-symfony/templates/dotcms/prosemirror/blockquote.twig renamed to examples/dotcms-symfony/templates/dotcms/block-editor-field/blockquote.twig examples/dotcms-symfony/templates/dotcms/prosemirror/blockquote.twig renamed to examples/dotcms-symfony/templates/dotcms/block-editor-field/blockquote.twig

@@ -1,7 +1,7 @@
 {%- if block.content is defined -%}
 <blockquote>
 {%- for item in block.content -%}
-    {{ renderProseMirrorContent({'content': [item]}) }}
+    {{ renderBlockEditorField({'content': [item]}) }}
 {%- endfor -%}
 </blockquote>
 {%- endif -%}

…lates/dotcms/prosemirror/bulletList.twig …otcms/block-editor-field/bulletList.twigexamples/dotcms-symfony/templates/dotcms/prosemirror/bulletList.twig renamed to examples/dotcms-symfony/templates/dotcms/block-editor-field/bulletList.twig examples/dotcms-symfony/templates/dotcms/prosemirror/bulletList.twig renamed to examples/dotcms-symfony/templates/dotcms/block-editor-field/bulletList.twig

@@ -1,7 +1,7 @@
 {%- if block.content is defined -%}
 <ul>
 {%- for item in block.content -%}
-    {{ renderProseMirrorContent({'content': [item]}) }}
+    {{ renderBlockEditorField({'content': [item]}) }}
 {%- endfor -%}
 </ul>
 {%- endif -%}

…plates/dotcms/prosemirror/codeBlock.twig …dotcms/block-editor-field/codeBlock.twigexamples/dotcms-symfony/templates/dotcms/prosemirror/codeBlock.twig renamed to examples/dotcms-symfony/templates/dotcms/block-editor-field/codeBlock.twig examples/dotcms-symfony/templates/dotcms/prosemirror/codeBlock.twig renamed to examples/dotcms-symfony/templates/dotcms/block-editor-field/codeBlock.twig

@@ -13,7 +13,7 @@
         {%- endif -%}
         {{ content }}
     {%- else -%}
-        {{ renderProseMirrorContent({'content': [item]}) }}
+        {{ renderBlockEditorField({'content': [item]}) }}
     {%- endif -%}
 {%- endfor -%}
 </li>

…emplates/dotcms/prosemirror/heading.twig …s/dotcms/block-editor-field/heading.twigexamples/dotcms-symfony/templates/dotcms/prosemirror/heading.twig renamed to examples/dotcms-symfony/templates/dotcms/block-editor-field/heading.twig examples/dotcms-symfony/templates/dotcms/prosemirror/heading.twig renamed to examples/dotcms-symfony/templates/dotcms/block-editor-field/heading.twig

@@ -1,7 +1,7 @@
 {%- if block.content is defined -%}
 <ol>
 {%- for item in block.content -%}
-    {{ renderProseMirrorContent({'content': [item]}) }}
+    {{ renderBlockEditorField({'content': [item]}) }}
 {%- endfor -%}
 </ol>
 {%- endif -%}