fix(content-transform): special tags need special content transform

if pre tags is change to codeView, then it failed to tranform pre content with special settings.

lib/flotFyrHastCompiler.js

@@ -66,6 +66,7 @@ module.exports = function flotFyrHastCompiler(options) {
         }
       );
     }
+
     return {
       jsx: result,
       allUsedHtmlToJsxTags: uniqElementNames

lib/hastUtilToJsx.js

@@ -36,6 +36,12 @@ function renderChildren(ctx, parent) {
 function renderElement(ctx, node) {
   const tagName = node.tagName;
   let elementName;
+  // oldElementName is for remeber tag name. Forexsampel we change pre to codeView,
+  // then the pre content still need the to be transformed
+  // (see the if for textarea, style and pre)
+  let oldElementName = tagName;
+  // this is for keeping track of the change tags. so we can make a special import for that later
+  // forexsampel h1 to headline, then we need to import the headline component in the end file.
   let UsedHtmlToJsxTag = "";
   // If the element is set to be tranformted in the options to some react component.
   if (tagName in ctx) {
@@ -50,7 +56,9 @@ function renderElement(ctx, node) {
   }
   let renderedChildrenData = renderChildren(
     ctx,
-    elementName === "template" ? node.content : node
+    elementName === "template" || oldElementName === "template"
+      ? node.content
+      : node
   );
   let renderedChildren = renderedChildrenData.allNotes;
   let props = hastPropertiesToJsxProps(node.properties, elementName);
@@ -71,16 +79,16 @@ function renderElement(ctx, node) {
     return `<${elementName}${renderedProps} />`;
   }
 
-  if (elementName === "textarea") {
+  if (elementName === "textarea" || oldElementName === "textarea") {
     const dangerousChild = JSON.stringify(renderedChildren);
     return `<textarea${renderedProps} defaultValue=${dangerousChild} />`;
   }
-  if (elementName === "style") {
+  if (elementName === "style" || oldElementName === "style") {
     const dangerousChild = JSON.stringify(renderedChildren);
     return `<style${renderedProps} dangerouslySetInnerHTML={{__html: ${dangerousChild} }} />`;
   }
 
-  if (elementName === "pre") {
+  if (elementName === "pre" || oldElementName === "pre") {
     renderedChildren = renderedChildren.replace(
       /( {2,}|\n|\t)/g,
       whitespace => {