DRAG-AND-DROP CLIPBOARD FOR HTML DOCUMENTS

摘要

Techniques are disclosed for editing pages in a client-server architecture, such as in the context of cloud-based webpage editing applications. In one embodiment, a Clipboard Module running in the client browser is invoked in response to a copy operation that is requested with respect to a selected piece of content on a given page presented at the client. The Clipboard Module is configured to store the copied content in a local storage, and to also present a UI clipboard element for viewing by the user. The UI clipboard element can be dragged-and-dropped at a target drop location within the document being edited. A drop zone indicator can be visually displayed so that user can see where the clipboard content will be placed upon release of the drag-and-drop operation. Upon release, the clipboard content is pasted or otherwise inserted into the DOM of the target page at the current drop zone.

主权项

1. A computer implemented method for editing a page in a client-server arrangement, the method comprising:
copying, by a client computing system, a selected piece of content to a local storage at the client computing system, the selected piece of content being presented on a page served to a browser of the client computing system by a server computing system with which the client computing system is in communication; presenting, by the client computing system, a clipboard user interface (UI) element on the page; and in response to the clipboard UI element being moved to and dropped at a target location, inserting the stored selected piece of content at the target location.