diff --git a/packages/extension-color/src/color.ts b/packages/extension-color/src/color.ts
index 2361f246..a99aa05f 100644
--- a/packages/extension-color/src/color.ts
+++ b/packages/extension-color/src/color.ts
@@ -36,7 +36,7 @@ export const Color = Extension.create<ColorOptions>({
         attributes: {
           color: {
             default: null,
-            parseHTML: element => element.style.color.replace(/['"]+/g, ''),
+            parseHTML: element => element.style.color?.replace(/['"]+/g, ''),
             renderHTML: attributes => {
               if (!attributes.color) {
                 return {}
diff --git a/packages/extension-font-family/src/font-family.ts b/packages/extension-font-family/src/font-family.ts
index 4688e013..0a699040 100644
--- a/packages/extension-font-family/src/font-family.ts
+++ b/packages/extension-font-family/src/font-family.ts
@@ -36,7 +36,7 @@ export const FontFamily = Extension.create<FontFamilyOptions>({
         attributes: {
           fontFamily: {
             default: null,
-            parseHTML: element => element.style.fontFamily.replace(/['"]+/g, ''),
+            parseHTML: element => element.style.fontFamily?.replace(/['"]+/g, ''),
             renderHTML: attributes => {
               if (!attributes.fontFamily) {
                 return {}