javascript / jquery / mootools /其他js lib-如何使用户能够将div添加到现有网页

时间:2012-04-16 18:24:24

标签: javascript jquery mootools

我正在使用网页,并在html编辑器中显示它。

我要做的是,允许用户在该html页面中动态定义一个新div,方法是在页面上拖动鼠标 - 该页面正在以CKEditor或TinyMCE等WYSIWYG编辑器显示... div被创建,代码被插入到该div的页面的html中。

我对使用特定的javascript库没有限制 - 我可以使用jquery或mootools或任何其他库。

我如何开始考虑实施这样的要求?如何在屏幕上显示一个可调整大小的矩形,当用户完成拖动并单击鼠标时,会创建一个矩形大小的新div?可以使用相对宽度/高度来完成吗?或者这是否需要固定的宽度/高度?

任何指针对我都有帮助......

1 个答案:

答案 0 :(得分:1)

我可能会使用jQuery UI的可调整大小。当他们单击添加div时,在页面上添加一个新div。 $('<div></div>').resizable().appendTo(parent)。您应该保留对已添加到页面中的所有内容的引用,以便以后保存。