我正在使用网页,并在html编辑器中显示它。
我要做的是,允许用户在该html页面中动态定义一个新div,方法是在页面上拖动鼠标 - 该页面正在以CKEditor或TinyMCE等WYSIWYG编辑器显示... div被创建,代码被插入到该div的页面的html中。
我对使用特定的javascript库没有限制 - 我可以使用jquery或mootools或任何其他库。
我如何开始考虑实施这样的要求?如何在屏幕上显示一个可调整大小的矩形,当用户完成拖动并单击鼠标时,会创建一个矩形大小的新div?可以使用相对宽度/高度来完成吗?或者这是否需要固定的宽度/高度?
任何指针对我都有帮助......
答案 0 :(得分:1)
我可能会使用jQuery UI的可调整大小。当他们单击添加div时,在页面上添加一个新div。 $('<div></div>').resizable().appendTo(parent)
。您应该保留对已添加到页面中的所有内容的引用,以便以后保存。