Add inline style support

Author: M1chaelTran

src/library/__tests__/mainTest.js

@@ -24,6 +24,15 @@ describe('htmlToDraft test suite', () => {
     contentBlocks = htmlToDraft('<p>test<a>link</a></p>');
     console.log('contentBlocks', contentBlocks);
 
+    contentBlocks = htmlToDraft(`<span style="font-weight:bold;">bold</span>`);
+    console.log('contentBlocks', contentBlocks);
+
+    contentBlocks = htmlToDraft(`<span style="text-decoration:underline;">underline</span>`);
+    console.log('contentBlocks', contentBlocks);
+
+    contentBlocks = htmlToDraft(`<span style="font-style:italic;">italic</span>`);
+    console.log('contentBlocks', contentBlocks);
+
     assert.equal(true, true);
   });
 });

src/library/processInlineTag.js

@@ -25,6 +25,9 @@ export default function processInlineTag(
       const backgroundColor = htmlElement.style.backgroundColor;
       const fontSize = htmlElement.style.fontSize;
       const fontFamily = htmlElement.style.fontFamily.replace(/^"|"$/g, '');
+      const fontWeight = htmlElement.style.fontWeight;
+      const textDecoration = htmlElement.style.textDecoration;
+      const fontStyle = htmlElement.style.fontStyle;
       if (color) {
         style.add(`color-${color.replace(/ /g, '')}`);
       }
@@ -37,6 +40,15 @@ export default function processInlineTag(
       if (fontFamily) {
         style.add(`fontfamily-${fontFamily}`);
       }
+      if(fontWeight === 'bold'){
+        style.add(inlineTags.strong)
+      }
+      if(textDecoration === 'underline'){
+          style.add(inlineTags.ins)
+      }
+      if(fontStyle === 'italic'){
+          style.add(inlineTags.em)
+      }
     }).toOrderedSet();
   }
   return inlineStyle;