JSFiddle - React, Tailwind, and code Playground

by cvalleskey

HTML

<textarea cols="60" rows="20">
[
    {
      "fontSize" : { "min": 32, "max": 66 },
      "lineHeight": 1.125,
      "paragraphspacing": 0.25,
      "fontWeight": 12,
      "fontFamily": "Abril Fatface",
      "name": "Title"
    },
    {
      "fontSize" : { "min": 24, "max": 48 },
      "lineHeight": 1.125,
      "paragraphspacing": 0.25,
      "fontWeight": 12,
      "fontFamily": "Abril Fatface",
      "name": "Headline"
    }
]
</textarea>

JavaScript

var styles = document.querySelector('textarea').value;

console.log(JSON.parse(styles));