JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <td class="something"><i>some text</i></td>
    </tr>
</table>

CSS

td{
border: 1px solid;
}

JavaScript

<i onclick="javascript:f(this);">some text</i>
        <script type="text/javascript" language="javascript">
            function f(i) {
            i.innerHTML = "<input type=\"text\" value=\"" + i.innerHTML + "\" \/>";
        }
        </script>