fix: replace small html with sub

CHANGELOG.md

@@ -1,5 +1,9 @@
 # Sable Client Changelog
 
+## 1.3.2 - in dev
+
+- Replace `-#` small html tag with sub html tag to comply with spec.
+
 ## 1.3.1 - 3/3/2026
 
 - Important sliding sync config patches, notifications fixes, and client side toggle ([#85](https://github.com/7w1/sable/pull/85))

config.json

@@ -13,7 +13,7 @@
   },
 
   "slidingSync": {
-    "enabled": false
+    "enabled": true
   },
 
   "featuredCommunities": {

src/app/components/editor/input.ts

@@ -413,7 +413,7 @@ export const domToEditorInput = (
         return;
       }
 
-      if (node.name === 'small') {
+      if (node.name === 'sub') {
         appendLine();
         children.push(parseSmallNode(node, processText));
         return;

src/app/components/editor/output.ts

@@ -58,7 +58,7 @@ const elementToCustomHtml = (node: CustomElement, children: string): string => {
     case BlockType.UnorderedList:
       return `<ul>${children}</ul>`;
     case BlockType.Small:
-      return `<small>${children}</small>`;
+      return `<sub>${children}</sub>`;
     case BlockType.HorizontalRule:
       return `<hr/>`;
 

src/app/components/editor/types.ts

@@ -21,6 +21,6 @@ export enum BlockType {
   Emoticon = 'emoticon',
   Link = 'link',
   Command = 'command',
-  Small = 'small',
+  Small = 'sub',
   HorizontalRule = 'hr',
 }

src/app/plugins/markdown/block/rules.ts

@@ -110,7 +110,7 @@ export const SmallRule: BlockMDRule = {
   html: (match, parseInline) => {
     const [, g1] = match;
     const content = parseInline ? parseInline(g1) : g1;
-    return `<small data-md="${SMALL_MD}">${content}</small>`;
+    return `<sub data-md="${SMALL_MD}">${content}</sub>`;
   },
 };
 

src/app/plugins/react-custom-html-parser.tsx

@@ -391,7 +391,7 @@ export const getReactCustomHtmlParser = (
           );
         }
 
-        if (name === 'small') {
+        if (name === 'sub') {
           return (
             <Text {...props} className={css.Small} size="Inherit">
               {renderChildren()}

src/app/utils/sanitize.ts

@@ -5,7 +5,6 @@ const MAX_TAG_NESTING = 100;
 const permittedHtmlTags = [
   'font',
   'del',
-  'small',
   'h1',
   'h2',
   'h3',
@@ -79,7 +78,7 @@ const permittedTagToAttributes = {
   u: ['data-md'],
   s: ['data-md'],
   del: ['data-md'],
-  small: ['data-md'],
+  sub: ['data-md'],
   hr: ['data-md'],
 };