Javascript 用CSS自动生成Div结构

直到今天，我一直在使用JSFIDLE设计div，然后使用它们的CSS进行测试，然后实现从设计到实际开发的过程

现在我想知道是否有任何GUI类型的实用程序，我可以使用它使用GUI生成带有CSS的Div结构（不，我不是在说dreamweaver或任何其他类似的软件）

示例

我想制作一个包含四个框的div，是否有任何实用程序可以使用，其中我可以使用“拖放”功能创建页面布局，然后生成div结构

简而言之，我正在寻找一个程序，在该程序中，我可以使用鼠标绘制，然后根据它获得div结构和CSS，就像绘制一样，但它应该根据我的CSS绘制生成div结构。

更新

请不要困惑，因为我不想要dream weaver，因为有许可证，所以需要很长时间才能打开。 我想要一些在线的东西，就像JSFIDLE一样

---

必须是免费的。

我唯一想到的是，它还没有发布。你可以在他们的网站上注册，以便在他们发布时得到通知，但他们似乎计划通过web界面提供大多数所见即所得编辑器功能。

我认为Maqetta正是你所需要的

在网上免费试用，它也是开源的

Maqetta来自IBM内部的一项计划，旨在满足IBM各种UXD团队的可视化设计需求。IBM将Maqetta的原始代码贡献给开源，以培育一个社区，帮助创建和维护一套强大的开源HTML5可视化工具

下面是一个屏幕截图。还有更多的功能，尽情享受吧

---

我想你实际上是在谈论Dreamweaver和其他WYSIWYG编辑器。@doublesharp阅读了我的问题，我清楚地说，我不想要dream weaver，但一些在线网站，谢谢你在问题中没有指定基于web的工具。我更新了我的qestion，很抱歉混淆了。那么，这将是一个问题吗？