HTML to Rescript
Brought to you by
Murphy Randle
and
Sean Grove
Paste HTML
<div style="font-weight: bolder">Hello there! Go on & convert your html!</div>
Copy Rescript
<div style={ReactDOMStyle.make(~fontWeight="bolder", ())} > {j`Hello there! Go on & convert your html!`->string} </div>
What this does
Fixes all reserved keywords, like 'class'=>'className='
Converts attributes to CamelCase
Decodes entities in text, then wraps it in quotes and ->string
Converts HTML comments to Rescript comments
Closes self-closing attributes
Converts 'style' attribute into
ReactDOMRe.make
calls
Made Possible By
Feather Icons
Next.js
Tailwind & Tailwind UI
Netlify
Rescript
And many more, as I'm sure you know