Форма для создания веб представлений на js

Требуется написать форму для создания веб представлений на js.

Тоесть конструктор с помощью которого можно создать страничку любого формата.

Форма состоит из 3-х частей

+------------------------------------------------- --------------+

| панель инструментов |

+------------------+---------------+-------------- --------------+

| панель навигации | панель работы |

+------------------+---------------+-------------- --------------+

Панель инструментов – содержит всевозможные кнопки для управления

Панель навигации – содержит развернутый вид html кода, того что есть в панеле работы, аналог вьювера для google-chrome где можно свернуть и развернуть элементы и их изменить и так далее.

Панель работы – здесь содержится видимый результат html отображения

В панели работы в режиме редактирования все html элементы подсвечиваются рамкой, при наведении на элемент какой то рамка меняет цвет этого элемента, для того чтобы было понятно что мы находимся на нужном элементе, при клике на левую кнопку мыши появляется меню, в котором есть пункты :

- удалить – при нажатии на нее удаляет выделенный элемент

- добавить – появляется окно добавления элемента

- функция – появляется окно в котором можно выбрать событие типа onclick и назначить на него функцию js

при открытии этого окна видны уже все доступные функции для элемента, список функций должен быть в виде селекта на выбор

В окне добавления элемента указывается куда добавляем элемент, во внутрь если это к примеру div, перед или после элемента

ниже в этом окне выбираем элемент html, как только мы выбрали его ниже видим все возможные варианты для параметров для этого элемента, можем заполнить их, и ниже находится кнопка добавить при ее нажатии происходит добавление элемента

В панели инструментов есть ряд кнопок

1) Режим работы – для него стоит селект в котором можно выбрать редактирование или просмотр. в режиме просмотра все рамки убиратся и видно просто страницу

2) Кнопки назад вперед – позволяют откатывать изменения

3) Кнопка Добавить класс – открывает окно в котором можно добавить класс и параметры класса, которые выбираются из списка

4) Кнопка Удалить класс

5) Кнопка Загрузить файл классов

Классы нужны для возможности подстановки в параметр class элемента

Интсрумент должен уметь создавать, а так же редактировать уже созданные ранее представления.

Все html элементы будут лежать в бд и их параметры тоже, и при добавлении элементов нужно в какой то доп параметр этот id и сохранять, потому что может потребоваться ситуация когда у нас есть тег ims, а я его хочу переименовать в imis, то тогда нужно чтобы у всех поменялось ранее созданных элементов