Added span deserializer

src/editor/config.jsx

@@ -27,6 +27,7 @@ import {
   bodyTagDeserializer,
   blockTagDeserializer,
   preTagDeserializer,
+  spanDeserializer,
 } from './deserialize';
 
 // Registry of available buttons
@@ -175,7 +176,7 @@ export const htmlTagsToSlate = {
   SUP: inlineTagDeserializer({ sup: true }),
   STRONG: inlineTagDeserializer({ bold: true }),
   U: inlineTagDeserializer({ underline: true }),
-  // SPAN: inlineTagDeserializer(),
+  SPAN: spanDeserializer,
 
   // OL: listElementToSlateDeserializer('ol'),
   // UL: listElementToSlateDeserializer('ul'),

src/editor/deserialize.js

@@ -79,3 +79,24 @@ export const inlineTagDeserializer = (attrs) => (editor, el) => {
     return jsx('text', attrs, child);
   });
 };
+
+export const spanDeserializer = (editor, el) => {
+  const style = el.getAttribute('style') || '';
+  if (style.indexOf('vertical-align:super') > -1) {
+    const children = Array.from(el.childNodes)
+      .map((el) => deserialize(editor, el))
+      .flat();
+    const attrs = { sup: true };
+    return children.map((child) => {
+      return jsx('text', attrs, child);
+    });
+  }
+  const children = Array.from(el.childNodes)
+    .map((el) => {
+      console.log('el', el);
+      return deserialize(editor, el);
+    })
+    .flat();
+
+  return children;
+};