title: How to use JavaScript or jQuery to convert a Flex TextFlow object into HTML markup?
body: <p>I am recreating an Adobe Flex application in JavaScript with ReactJS and rich text. The content that is displayed in the app is in the form of a <code>TextFlow</code>-object from the Adobe Text Layout Framework. This produces output like the following:</p>
  
  <pre><code>&lt;TextFlow&gt;
      &lt;p textAlign="center"&gt;
          &lt;span color="#58595b" fontFamily="SansSerif" fontSize="16" fontStyle="normal" fontWeight="bold"&gt;Lorem Ipsum&lt;/span&gt;
      &lt;/p&gt;
  &lt;/TextFlow&gt;
  </code></pre>
  
  <p>I need to write a JavaScript script that will iterate over all of the elements in the TextFlow object and change everything to regular html markup. I can only imagine that this will require me to - for example - find all attributes that match <code>fontFamily</code> and change to <code>style="font-family:"</code>, but then I have to get the value from it and append it to the end, so I'm just kind of lost as how to go about this and I'm really hoping someone can point me in the right direction with how I might accomplish this. </p>