Allow Data to be passed to Marks when using HTML Deserializer (#986)

* making it possible to pass in data to marks on deserialize

* adding a test to make sure this doesn't happen again

src/serializers/html.js

@@ -246,7 +246,7 @@ class Html {
    */
 
   deserializeMark = (mark) => {
-    const { type, value } = mark
+    const { type, data } = mark
 
     const applyMark = (node) => {
       if (node.kind == 'mark') {
@@ -257,7 +257,7 @@ class Html {
         if (!node.ranges) node.ranges = [{ text: node.text }]
         node.ranges = node.ranges.map((range) => {
           range.marks = range.marks || []
-          range.marks.push({ type, value })
+          range.marks.push({ type, data })
           return range
         })
       }

test/serializers/fixtures/html/deserialize/mark-with-data/index.js

@@ -0,0 +1,28 @@
+
+export default {
+  rules: [
+    {
+      deserialize(el, next) {
+        switch (el.tagName) {
+          case 'p': {
+            return {
+              kind: 'block',
+              type: 'paragraph',
+              nodes: next(el.childNodes)
+            }
+          }
+          case 'mark': {
+            return {
+              kind: 'mark',
+              type: 'highlight',
+              data: {
+                backgroundColor: 'green',
+              },
+              nodes: next(el.childNodes)
+            }
+          }
+        }
+      }
+    }
+  ]
+}

test/serializers/fixtures/html/deserialize/mark-with-data/input.html

@@ -0,0 +1 @@
+<p><mark>one</mark></p>

test/serializers/fixtures/html/deserialize/mark-with-data/output.yaml

@@ -0,0 +1,20 @@
+
+data: {}
+nodes:
+  - type: paragraph
+    isVoid: false
+    data: {}
+    nodes:
+      - characters:
+          - text: o
+            marks:
+              - type: highlight
+                data: { backgroundColor: "green" }
+          - text: n
+            marks:
+              - type: highlight
+                data: { backgroundColor: "green" }
+          - text: e
+            marks:
+              - type: highlight
+                data: { backgroundColor: "green" }