diff --git a/CHANGELOG.md b/CHANGELOG.md index 21e831971d..f4b97c72b6 100644 --- a/CHANGELOG.md +++ b/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)) diff --git a/config.json b/config.json index cfee89f391..4c2140f3aa 100644 --- a/config.json +++ b/config.json @@ -13,7 +13,7 @@ }, "slidingSync": { - "enabled": false + "enabled": true }, "featuredCommunities": { diff --git a/src/app/components/editor/input.ts b/src/app/components/editor/input.ts index 1b5da1b25c..017c33b8dc 100644 --- a/src/app/components/editor/input.ts +++ b/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; diff --git a/src/app/components/editor/output.ts b/src/app/components/editor/output.ts index fba2937b16..2f797e04f8 100644 --- a/src/app/components/editor/output.ts +++ b/src/app/components/editor/output.ts @@ -58,7 +58,7 @@ const elementToCustomHtml = (node: CustomElement, children: string): string => { case BlockType.UnorderedList: return ``; case BlockType.Small: - return `${children}`; + return `${children}`; case BlockType.HorizontalRule: return `
`; diff --git a/src/app/components/editor/types.ts b/src/app/components/editor/types.ts index 7eb1cfb88a..52115a3f4d 100644 --- a/src/app/components/editor/types.ts +++ b/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', } diff --git a/src/app/plugins/markdown/block/rules.ts b/src/app/plugins/markdown/block/rules.ts index b85998d833..a5bfe26354 100644 --- a/src/app/plugins/markdown/block/rules.ts +++ b/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 `${content}`; + return `${content}`; }, }; diff --git a/src/app/plugins/react-custom-html-parser.tsx b/src/app/plugins/react-custom-html-parser.tsx index c02fc6b27b..84abacf817 100644 --- a/src/app/plugins/react-custom-html-parser.tsx +++ b/src/app/plugins/react-custom-html-parser.tsx @@ -391,7 +391,7 @@ export const getReactCustomHtmlParser = ( ); } - if (name === 'small') { + if (name === 'sub') { return ( {renderChildren()} diff --git a/src/app/utils/sanitize.ts b/src/app/utils/sanitize.ts index 2b7dde0fb6..e862fa9f3f 100644 --- a/src/app/utils/sanitize.ts +++ b/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'], };