Fix bug with rendering text nodes

webclient/src/Article.js

@@ -56,9 +56,9 @@ class Article extends React.Component {
 		let nodes = null;
 
 		if (story.text) {
-			let domparser = new DOMParser();
+			let div = document.createElement('div');
-			let doc = domparser.parseFromString(story.text, 'text/html');
+			div.innerHTML = story.text;
-			nodes = doc.querySelector('body').children;
+			nodes = div.childNodes;
 		}
 
 		return (
@@ -86,10 +86,14 @@ class Article extends React.Component {
 											<p dangerouslySetInnerHTML={{ __html: x }} />
 										)
 									:
-										<>
+										(v.nodeName === '#text' ?
-											<v.localName dangerouslySetInnerHTML={{ __html: v.innerHTML }} />
+											<p>{v.data}</p>
-											{v.localName == 'pre' && <button onClick={() => this.pConvert(k)}>Convert Code to Paragraph</button>}
+										:
-										</>
+											<>
+												<v.localName dangerouslySetInnerHTML={v.innerHTML ? { __html: v.innerHTML } : null} />
+												{v.localName == 'pre' && <button onClick={() => this.pConvert(k)}>Convert Code to Paragraph</button>}
+											</>
+										)
 								)}
 							</div>
 						: