fix(block-editor): render subscript and superscript marks as <sub>/<sup> in Story Block HTML output

The renderMarks macro in VM_global_library.vm handled bold, italic, strike,
underline, and link marks but silently dropped subscript and superscript marks
even though the Block Editor (TipTap) registers both extensions and authors can
produce them.

Adds the two missing branches in both the opening and closing reverse-range
loops so nested combinations (e.g. bold + superscript) close in the correct
order, plus an integration test in StoryBlockMapTest covering each mark
individually and a combined nesting case.

Closes #35460

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

Author: dsolistorres

dotCMS/src/main/webapp/WEB-INF/velocity/VM_global_library.vm

@@ -26,6 +26,12 @@
             *##if ($mark.type == "underline")#*
                 *#<u>#*
             *##end#*
+            *##if ($mark.type == "subscript")#*
+                *#<sub>#*
+            *##end#*
+            *##if ($mark.type == "superscript")#*
+                *#<sup>#*
+            *##end#*
             *##if ($mark.type == "link")#*
                 *#<a href="${esc.html($mark.attrs.href)}" target="${esc.html($mark.attrs.target)}"#*
                 *##if($mark.attrs.title) title="${esc.html($mark.attrs.title)}"#end#*
@@ -54,6 +60,12 @@
             *##if ($mark.type == "underline")#*
                 *#</u>#*
             *##end#*
+            *##if ($mark.type == "subscript")#*
+                *#</sub>#*
+            *##end#*
+            *##if ($mark.type == "superscript")#*
+                *#</sup>#*
+            *##end#*
             *##if($mark.type == "link")#*
                 *#</a>#*
             *##end#*

dotcms-integration/src/test/java/com/dotcms/rendering/velocity/viewtools/content/StoryBlockMapTest.java

@@ -57,6 +57,15 @@ public class StoryBlockMapTest extends IntegrationTestBase {
     private static final String JSON_ULIST =
             "{\"type\":\"doc\",\"content\":[{\"type\":\"bulletList\",\"content\":[{\"type\":\"listItem\",\"attrs\":{\"textAlign\":\"left\"},\"content\":[{\"type\":\"paragraph\",\"attrs\":{\"textAlign\":\"left\"},\"content\":[{\"type\":\"text\",\"text\":\"1\"}]}]},{\"type\":\"listItem\",\"attrs\":{\"textAlign\":\"left\"},\"content\":[{\"type\":\"paragraph\",\"attrs\":{\"textAlign\":\"left\"},\"content\":[{\"type\":\"text\",\"text\":\"2\"}]}]},{\"type\":\"listItem\",\"attrs\":{\"textAlign\":\"left\"},\"content\":[{\"type\":\"paragraph\",\"attrs\":{\"textAlign\":\"left\"},\"content\":[{\"type\":\"text\",\"text\":\"3\"}]}]}]}]}";
 
+    private static final String JSON_SUB_SUP =
+            "{\"type\":\"doc\",\"content\":[{\"type\":\"paragraph\",\"attrs\":{\"textAlign\":\"left\"},\"content\":["
+                    + "{\"type\":\"text\",\"marks\":[{\"type\":\"superscript\"}],\"text\":\"sup\"},"
+                    + "{\"type\":\"text\",\"text\":\" and \"},"
+                    + "{\"type\":\"text\",\"marks\":[{\"type\":\"subscript\"}],\"text\":\"sub\"},"
+                    + "{\"type\":\"text\",\"text\":\" and \"},"
+                    + "{\"type\":\"text\",\"marks\":[{\"type\":\"bold\"},{\"type\":\"superscript\"}],\"text\":\"bold-sup\"}"
+                    + "]}]}";
+
     private static final String MACRO = "#macro(renderMarks $content)\n" +
             "\n" +
             "    #if($content.marks)\n" +
@@ -256,6 +265,24 @@ public void test_default_render_to_html() throws  JSONException {
 
     }
 
+    /**
+     * Method to test: {@link StoryBlockMap#toHtml()}
+     * Given Scenario: A paragraph contains text with subscript, superscript, and a combined bold+superscript mark.
+     * ExpectedResult: The rendered HTML wraps each text run in {@code <sub>} / {@code <sup>} tags, and combined
+     *   marks nest with the correct closing order (e.g. {@code <strong><sup>bold-sup</sup></strong>}).
+     */
+    @Test
+    public void test_subscript_and_superscript_marks_render_to_html() throws JSONException {
+
+        final StoryBlockMap storyBlockMap = new StoryBlockMap(JSON_SUB_SUP);
+        final String html = storyBlockMap.toHtml();
+
+        Assert.assertTrue(html + ": missing <sup>sup</sup>", html.contains("<sup>sup</sup>"));
+        Assert.assertTrue(html + ": missing <sub>sub</sub>", html.contains("<sub>sub</sub>"));
+        Assert.assertTrue(html + ": missing <strong><sup>bold-sup</sup></strong>",
+                html.contains("<strong><sup>bold-sup</sup></strong>"));
+    }
+
     /**
      * Method to test: {@link StoryBlockMap#toHtml()}
      * Given Scenario: Will parse the json paragraph and render the custom html