JSFiddle - React, Tailwind, and code Playground
by daneren2005
HTML
<svg height="36" width="120">
<text y="20" style="stroke: rgb(255, 0, 0); stroke-width: 2; paint-order: stroke;">Type here</text>
</svg>
<div contenteditable="true" class="flowTextEditor cke_editable cke_editable_inline cke_contents_ltr cke_show_borders" id="flowText68" style="font-size: 13.2622pt; position: relative; max-width: 356.6px; text-shadow: -1.10519px -1.10519px 0px rgb(255, 0, 0), 1.10519px -1.10519px 0px rgb(255, 0, 0), -1.10519px 1.10519px 0px rgb(255, 0, 0), 1.10519px 1.10519px 0px rgb(255, 0, 0);" tabindex="0" spellcheck="false" role="textbox" aria-label="Rich Text Editor, flowText68" aria-describedby="cke_81">Type here</div>
<svg width="350" height="75">
<text y="50" style="stroke: rgb(255, 0, 0); stroke-width: 2; paint-order: stroke;">Type here</text>
</svg>
<div contenteditable="true" class="flowTextEditor cke_editable cke_editable_inline cke_contents_ltr cke_show_borders" id="flowText69" style="font-size: 13.2622pt; position: relative; max-width: 393.6px; text-shadow: 2.21037px 2.21037px 2px rgb(255, 128, 64);" tabindex="0" spellcheck="false" role="textbox" aria-label="Rich Text Editor, flowText69" aria-describedby="cke_106">Type here</div>
<svg width="350" height="75">
<title>Type here</title>
<g style="font-size: 13.2622pt;">
<defs>
<filter id="shadow" x="-20%" y="-20%" width="140%" height="140%">
<feGaussianBlur stdDeviation="1.4 1.4" result="shadow" />
<feOffset dx="2.21" dy="2.21" />
</filter>
</defs>
<text style="filter: url(#shadow); fill: rgb(255, 128, 64)" y="50">Type here</text>
<text y="50">Type here</text>
</g>
</svg>
<div contenteditable="true" class="flowTextEditor cke_editable cke_editable_inline cke_contents_ltr cke_show_borders" id="flowText71" style="font-size: 13.2622pt; position: relative; max-width: 371.6px; text-shadow: 6.63111px 6.63111px 2px rgb(255, 128, 64);" tabindex="0" spellcheck="false" role="textbox"...