1 files changed, 31 insertions, 0 deletions
diff --git a/components/rich-text-editor/extensions/font-size.ts b/components/rich-text-editor/extensions/font-size.ts
new file mode 100644
index 00000000..1b7e2700
--- /dev/null
+++ b/components/rich-text-editor/extensions/font-size.ts
@@ -0,0 +1,31 @@
+import { Extension } from '@tiptap/core'
+
+export const FontSize = Extension.create({
+  name: 'fontSize',
+  addGlobalAttributes() {
+    return [
+      {
+        types: ['textStyle'],
+        attributes: {
+          fontSize: {
+            default: null,
+            parseHTML: element => {
+              const sizeWithUnit = (element as HTMLElement).style.fontSize
+              return sizeWithUnit || null
+            },
+            renderHTML: attributes => {
+              if (!attributes.fontSize) return {}
+              const value = String(attributes.fontSize)
+              const withUnit = /(px|em|rem|%)$/i.test(value) ? value : `${value}px`
+              return {
+                style: `font-size: ${withUnit}`,
+              }
+            },
+          },
+        },
+      },
+    ]
+  },
+})
+
+