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, "'")