<html>
<head>
<style>
.editable{
width: 50px;
height: 20px;
border: 1px solid black
}
</style>
</head>
<body>
<table>
<tr>
<td><div class="editable"></td>
<td><div class="editable"></td>
</tr>
<tr>
<td><div class="editable"></td>
<td><div class="editable"></td>
</tr>
</table>
<script>
;[].forEach.call(document.querySelectorAll(".editable"), function(x){x.contentEditable="true"})
</script>
</body>
</html>