JSFiddle - React, Tailwind, and code Playground
HTML
Paste your description in this box:</br>
<textarea id="myTextarea" name="redditFormat" rows="30" cols="75"></textarea></br>
<input type="submit" id="byBtn" value="Change" onclick="change()"/>
JavaScript
function change(){
var input = document.getElementById('myTextarea').value;
input = input.replace(/^/gm, ' ');
//input = input.replace(/\[ /gm, '[\n ');
input = input.replace(/Type:/gm, '\n Type:');
input = input.replace(/Data:/gm, '\n Data:');
input = input.replace(/Store Result In:/gm, '\n Store Result In:');
input = input.replace(/Text:/gm, '\n Text:');
input = input.replace(/Long:/gm, '\n Long:');
input = input.replace(/Action:/gm, '\n Action:');
input = input.replace(/Cat:/gm, '\n Cat:');
input = input.replace(/Mime \n Type:/gm, '\n Mime Type:');
input = input.replace(/Extra:/gm, '\n Extra:');
input = input.replace(/Package:/gm, '\n Package:');
input = input.replace(/Class:/gm, '\n Class:');
input = input.replace(/Target:/gm, '\n Target:');
input = input.replace(/Name:/gm, '\n Name:');
input = input.replace(/To:/gm, '\n To:');
input = input.replace(/Do Maths:/gm, '\n Do Maths:');
input = input.replace(/Append:/gm, '\n Append:');
input = input.replace(/Variable:/gm, '\n Variable:');
input = input.replace(/Search:/gm, '\n Search:');
input = input.replace(/Ignore Case:/gm, '\n Ignore Case:');
input = input.replace(/Multi-Line:/gm, '\n Multi-Line:');
input = input.replace(/One Match Only:/gm, '\n One Match Only:');
input = input.replace(/Store Matches In:/gm, '\n Store Matches In:');
input = input.replace(/Replace Matches:/gm, '\n Replace Matches:');
input = input.replace(/Replace With:/gm, '\n Replace With:');
input = input.replace(/Return:/gm, '\n Return:');
input = input.replace(/Class Or Object:/gm, '\n Class Or Object:');
input = input.replace(/Function:/gm, '\n Function:');
input = input.replace(/Param:/gm, '\n Param:');
...