From 18bcc64aa7de3dbc8e248d5f115db35ce5cdfe83 Mon Sep 17 00:00:00 2001
From: Ruben Robles <d8vjork@users.noreply.github.com>
Date: Mon, 6 Jun 2022 17:36:08 +0200
Subject: [PATCH] fix(textStyle): Null-safe parseHTML getting no
 color/fontFamily from HTMLElement styles (#2825)

* fix(color): parseHTML getting no color get replace of undefined

* fix(fontFamily): Null-safe at parseHTML, replace of undefined
---
 packages/extension-color/src/color.ts             | 2 +-
 packages/extension-font-family/src/font-family.ts | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

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 {}