JSFiddle - React, Tailwind, and code Playground

by russau

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap-theme.min.css">
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>

<div class="container theme-showcase" role="main">
    <div contenteditable="true" id="txtQs"></div>
    <table id='values' class="table table-hover">
        <tbody>
            <tr>
                <th>Name</th>
                <th>Value</th>
            </tr>
        </tbody>
    </table>
</div>

CSS

div[contenteditable] {
    border: 1px solid black;
    max-height: 200px;
    overflow: auto;
}

JavaScript

$('div').on("keyup", function () {
    alert($(this).parent().prop("tagName"));
});

$("#values tbody")            
            .append($('<tr>')
            .append($('<td>').append($('<div contenteditable="true">').text('xxx')))
            .append($('<td>').append($('<div contenteditable="true">').text('xxx'))));