Merge pull request #18 from aknuds1/decode-text

Decode text nodes before passing to React

lib/process-node-definitions.js

@@ -1,6 +1,7 @@
 'use strict';
 
 var _ = require('lodash');
+var ent = require('ent');
 
 // https://github.com/facebook/react/blob/0.14-stable/src/renderers/dom/shared/ReactDOMComponent.js#L457
 var voidElementTags = [
@@ -30,7 +31,7 @@ var ProcessNodeDefinitions = function(React) {
 
     function processDefaultNode(node, children) {
         if (node.type === 'text') {
-            return node.data;
+            return ent.decode(node.data);
         } else if (node.type === 'comment') {
             // FIXME: The following doesn't work as the generated HTML results in "<!--  This is a comment  -->"
             //return '<!-- ' + node.data + ' -->';

package.json

@@ -34,6 +34,7 @@
     }
   },
   "dependencies": {
+    "ent": "^2.2.0",
     "htmlparser2": "^3.8.3",
     "lodash": "^3.9.3"
   },

test/html-to-react-tests.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var assert = require("assert");
+var assert = require('assert');
 var React = require('react');
 var ReactDOMServer = require('react-dom/server')
 
@@ -131,6 +131,15 @@ describe('Html2React', function() {
 
             assert.equal(reactHtml, htmlInput);
         });
+
+        it('should decode character entities in text nodes', function () {
+            var htmlInput = '<div>1 &lt; 2</div>';
+
+            var reactComponent = parser.parse(htmlInput);
+            var reactHtml = ReactDOMServer.renderToStaticMarkup(reactComponent);
+
+            assert.equal(reactHtml, htmlInput);
+        });
     });
 
     describe('parse invalid HTML', function() {