JSFiddle - React, Tailwind, and code Playground
HTML
<textarea id="text"></textarea>
CSS
html, body, textarea {
width: 100%;
height: 100%;
margin: 0;
border: none;
}
html, body {
overflow: hidden;
}
JavaScript
text.oninput = () => text.value = text.value.replace(/[“”]/g, '"').replace(/[‘’]/g, "'")