Редагувати TD по кліку

Створіть таблицю, клітини якої можна було б редагувати клікнувши на них.

По кліку – в клітині з’являється <textarea>, в якій можна редагувати вміст в форматі HTML. Висота та ширина клітини при цьому не змінюється.
Кнопки ЗГОДА та ВІДМІНА з’являються внизу клітини щоб підтвердити/відмінити зміни.
Одночасно можна редагувати лише одну клітину. Поки <td> в “режимі редагування”, кліки на інших клітинах ігноруються.
В талиці може бути багато клітин. Використовуйте делегування подій.

Демо:

По кліку – замінити innerHTML клітини на <textarea> того ж розміру, без рамки. Задати розміри можна як в CSS так і в JavaScript.
Взяти значення textarea.value з td.innerHTML.
Встановити фокус в текстову область.
Показати кнопки ЗГОДА/ВІДМІНА під клітиною, опрацювати кліки на них.