Merge pull request #38 from MYOB-Technology/feature/style-support

Add inline style support

Author: jpuri

src/library/__tests__/mainTest.js

@@ -24,15 +24,13 @@ describe('htmlToDraft test suite', () => {
     contentBlocks = htmlToDraft('<p>test<a>link</a></p>');
     console.log('contentBlocks', contentBlocks);
 
-    contentBlocks = htmlToDraft('<hr/>', function(nodeName) {
-      if (nodeName === 'hr') {
-        return {
-          type: 'HORIZONTAL_RULE',
-          mutability: 'IMMUTABLE',
-          data: {}
-        };
-      }
-    });
+    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;