feat: parseHTML for attributes should return the value instead of an object now, fix #1863

demos/src/Examples/Tables/React/index.jsx

@@ -16,11 +16,7 @@ const CustomTableCell = TableCell.extend({
       // and add a new one …
       backgroundColor: {
         default: null,
-        parseHTML: element => {
-          return {
-            backgroundColor: element.getAttribute('data-background-color'),
-          }
-        },
+        parseHTML: element => element.getAttribute('data-background-color'),
         renderHTML: attributes => {
           return {
             'data-background-color': attributes.backgroundColor,
@@ -36,7 +32,7 @@ export const tableHTML = `
   <table style="width:100%">
     <tr>
       <th>Firstname</th>
-      <th>Lastname</th> 
+      <th>Lastname</th>
       <th>Age</th>
     </tr>
     <tr>

demos/src/Examples/Tables/Vue/index.vue

@@ -76,11 +76,7 @@ const CustomTableCell = TableCell.extend({
       // and add a new one …
       backgroundColor: {
         default: null,
-        parseHTML: element => {
-          return {
-            backgroundColor: element.getAttribute('data-background-color'),
-          }
-        },
+        parseHTML: element => element.getAttribute('data-background-color'),
         renderHTML: attributes => {
           return {
             'data-background-color': attributes.backgroundColor,

demos/src/Experiments/Embeds/Vue/iframe.ts

@@ -42,11 +42,7 @@ export default Node.create({
       },
       allowfullscreen: {
         default: this.options.allowFullscreen,
-        parseHTML: () => {
-          return {
-            allowfullscreen: this.options.allowFullscreen,
-          }
-        },
+        parseHTML: () => this.options.allowFullscreen,
       },
     }
   },

demos/src/Experiments/Figure/Vue/figure.ts

@@ -57,29 +57,17 @@ export const Figure = Node.create<FigureOptions>({
     return {
       src: {
         default: null,
-        parseHTML: element => {
-          return {
-            src: element.querySelector('img')?.getAttribute('src'),
-          }
-        },
+        parseHTML: element => element.querySelector('img')?.getAttribute('src'),
       },
 
       alt: {
         default: null,
-        parseHTML: element => {
-          return {
-            alt: element.querySelector('img')?.getAttribute('alt'),
-          }
-        },
+        parseHTML: element => element.querySelector('img')?.getAttribute('alt'),
       },
 
       title: {
         default: null,
-        parseHTML: element => {
-          return {
-            title: element.querySelector('img')?.getAttribute('title'),
-          }
-        },
+        parseHTML: element => element.querySelector('img')?.getAttribute('title'),
       },
     }
   },