Задача состоит из 2х частей
1) Редактор таблицы
Изначально дается таблица <table 'id'='tab'> NxM ячеек.
Нужно при помощи мыши и контекстного меню (правой кнопки) объединять ячейки и столбцы в зависимости от выделенной области.
Один в один как это сделано в MS Word: Выделяем мышкой ячейки – правой кнопкой – объединить.
В результате должны получить таблицу с нужными colspan, rowspan
Оформить в виде $('#tab').tabEditor();
2) Перенос элементов
Сделать drag & drop данных в эти ячейки из вне (из другого места страницы)
<div class="draged" data="abc" />
Перетащив этот див в ячейку, ее значение должно быть «abc"
JavaScript, Jquery, UI