JSFiddle - React, Tailwind, and code Playground

by jonahe

HTML

<h2>
test value
</h2>

<textarea rows=5 id="rawHtml" type="text"></textarea>


<pre id="result"></pre>

CSS

textarea {
  width: 100%;
}

JavaScript

const stripHtml = str => str.replace(/(<([^>]+)>)/gi, "");

const testData = `
<p>hej</p><br><p>världen</p><br><br><p>hejdå!</p><p><br>Välkommen att besöka https://www.google.se?apa=true </p>
`;





const inputEl = document.querySelector("#rawHtml");
const resultEl = document.querySelector("#result");

inputEl.value = testData;


inputEl.onchange = (event) => {
	const value = event.target.value;
  const replacedBr = value.replaceAll("<br>", "\r");
	resultEl.innerHTML = stripHtml(replacedBr);
}

inputEl.onchange({target: { value: testData}});