0

私は Web ページで作業しており、それを HTML エディターで表示しています。

私がやりたいことは、ページ上でマウスをドラッグすることにより、ユーザーがその html ページ内で新しい div を動的に定義できるようにすることです。ページは CKEditor や TinyMCE などの WYSIWYG エディターに表示されています...そして div が作成されます、その div のページの html 内にコードが挿入されます。

特定の JavaScript ライブラリを使用することに関して、ref に制限はありません。jquery や mootools、その他のライブラリを使用しても問題ありません。

そのような要件を実装することをどのように考え始めるのでしょうか? サイズ変更可能な四角形を画面に表示するにはどうすればよいですか? ユーザーがドラッグを終了してマウスをクリックすると、四角形のサイズの新しい div が作成されますか? これは、相対的な幅/高さを使用して実行できますか? または、これには必ず固定の幅/高さが必要ですか?

どんな指針も私にとって役に立ちます...

4

1 に答える 1

1

おそらくjQuery UIのサイズ変更可能を使用します。クリックして div を追加すると、ページに新しい div が追加されます。$('<div></div>').resizable().appendTo(parent). 後で保存するために、ページに追加したすべての参照を保持する必要があります。

于 2012-04-16T18:32:05.843 に答える