用于HTML文档的拖放剪贴板制造技术

本发明专利技术的各实施方式总体上涉及用于HTML文档的拖放剪贴板。具体地，本发明专利技术公开了用于在客户端-服务器架构中，诸如在基于云的网页编辑应用的环境中编辑页面的技术。在一个实施方式中，响应关于在客户端处呈现的给定页面上的选定内容块而请求的复制操作来调用运行于客户端浏览器中的剪贴板模块。该剪贴板模块配置用于在本地存储中存储复制的内容，并且还用于呈现UI剪贴板元素以供用户查看。可将UI剪贴板元素拖放至正在编辑的文档内的目标放置位置。可以视觉显示放置区指示符以便用户能够看到剪贴板内容在拖放操作的释放后将被放置于何处。在释放之后，剪贴板内容粘贴或以其他方式插入到当前放置区处的目标页面的DOM之中。

【技术实现步骤摘要】
【专利摘要】本专利技术的各实施方式总体上涉及用于HTML文档的拖放剪贴板。具体地，本专利技术公开了用于在客户端-服务器架构中，诸如在基于云的网页编辑应用的环境中编辑页面的技术。在一个实施方式中，响应关于在客户端处呈现的给定页面上的选定内容块而请求的复制操作来调用运行于客户端浏览器中的剪贴板模块。该剪贴板模块配置用于在本地存储中存储复制的内容，并且还用于呈现UI剪贴板元素以供用户查看。可将UI剪贴板元素拖放至正在编辑的文档内的目标放置位置。可以视觉显示放置区指示符以便用户能够看到剪贴板内容在拖放操作的释放后将被放置于何处。在释放之后，剪贴板内容粘贴或以其他方式插入到当前放置区处的目标页面的DOM之中。【专利说明】用于HTML文档的拖放剪贴板
本公开涉及基于计算机网络的通信，更具体地，涉及用于管理页面编辑和客户端与服务器之间交互的技术。
技术介绍
客户端-服务器架构是计算机系统之间联网和通信的常用方法。众多应用和功能，诸如基于云的文档存储库和服务、电子邮件以及基于因特网的通信等，均可使用客户端-服务器架构来实现。一般而言，客户端可以是查询服务器以使用资源的任何计算机(例如，台式机、膝上型计算机、平板计算机、智能电话等)或计算机程序，而服务器是配置用于与请求客户端共享其资源的计算机系统。可在服务器与客户端之间共享的示例资源为数众多并几乎是无限的，仅举几例而言，包括数据(例如，信息数据库和博客)、数据存储系统(例如，用于存储和组织客户端文件及数据的存储库)以及处理能力(例如，中央处理器和/或图形处理器)等。客户端和服务器计算系统通常以请求-响应协议来彼此通信，其中客户端发送请求而服务器返回对该请求的响应。 进一步公知的是，浏览器是一种常用于向服务器发起客户端请求的客户端应用，其中服务器的期望资源由统一资源标识符(URI)所标识，并且例如可以是网页、图像、视频或其他可消费内容。进一步公知的是，统一资源定位符(URL)是这样的一类UR1:其定义给定资源的特定表示的网络位置，并且还定义指示出URL处可用内容类型的文件扩展。虽然浏览器主要用于基于因特网的通信，但其还可用于访问文件系统以及由专用网络中的服务器所提供的信息。进一步公知的是，超文本标记语言(HTML)是用于创建可在浏览器中显示的页面和其他信息的主要标记语言，并且HTML元素是大多数网站的基本构件。HTML允许嵌入对象和内容并可用于创建交互式表单，并且提供了通过指定诸如标头、段落、链接和其他项目等针对文本的结构语义来创建文档的机制。HTML还可嵌入脚本(举例而言，诸如基于JavaScript的代码)，所述脚本影响客户端处给定HTML页面的行为。 【专利附图】【附图说明】 图1a图示了根据本专利技术实施方式而配置的基于云的页面编辑系统。 图1b图示了根据本专利技术实施方式的、在图1a中所示的基于云的页面编辑系统的组件之间的一系列交互。 图2图示了根据本专利技术实施方式的、用于处理内容编辑请求的客户端方法。 图3图示了根据本专利技术实施方式的、用于处理内容编辑请求的服务器端方法。 图4a至图4h示出了共同图示根据本专利技术实施方式的页面编辑过程的一系列页面屏幕截图。 【具体实施方式】 本文公开了用于在客户端-服务器架构中，诸如在基于云的网页编辑应用的环境中编辑页面的技术。在一种此类实施方式中，响应关于在客户端处呈现的给定页面上的选定内容块而请求的诸如复制或剪切(或者可使用中间内容保存位置的其他此类操作)等编辑操作来调用供应给并运行于客户端浏览器中的剪贴板模块(例如，JavaScript)。内容例如可以是诸如文本、图像、图形或嵌入文件(例如，视频或音频)等任何对象。剪贴板模块配置用于在浏览器会话存储或其他合适的本地存储中存储复制的内容，并且还用于呈现可由用户访问的代表该内容存储的用户接口(UI)剪贴板元素。具体而言，可在所编辑的文档内的目标放置位置处拖放Π剪贴板元素。在一些实施方式中，视觉呈现放置区指示符，以便用户能够看到剪贴板内容在拖放操作的释放后将被放置于何处。在拖放的释放后，剪贴板内容在当前放置区处被粘贴或以其他方式嵌入到页面中。根据一些实施方式，如果在剪贴板中表示了多个内容块，则可提供用户提示来允许用户选择特定的块。备选地，可默认粘贴所有的内容块。 总体概沭 管理网页状态和客户端与服务器之间的交互对于网站开发者而言一般是个难题。一种常见的方法是使用Ruby来生成JavaScript代码,该JavaScript代码由服务器响应于客户端请求而发送。利用这样的方法，Ruby代码有效地渲染指令，并且所产生的JavaScript渲染页面数据。就基于web的页面编辑器系统而言，作为给定客户端计算机系统处的用户(例如，网站开发者)，可以访问由服务器所提供的给定页面编辑应用，并使用该应用来开发网站的页面。在页面编辑过程期间，通过利用鼠标或键盘交互的一系列剪切/复制和粘贴功能，来完成将内容从页面上的一个位置重新安置到该页面上的另一位置。例如，典型的页面编辑系统提供用以实现所要粘贴的内容的精确定位的多个用户接口按钮，诸如“在元素前插入”按钮和“在元素后插入”按钮等。因此，在期望位置上放置内容可能十分复杂，或者除此之外涉及多个步骤和用户动作。 因此，并且根据本专利技术的实施方式，在此提供用于在客户端-服务器架构环境下编辑页面的技术。该技术可例如利用以下代码来实现:该代码嵌入在页面内并在客户端计算机的浏览器内执行，以便允许关于给定页面上的内容放置的拖放功能性。页面例如可以是由服务器提供并可由客户端经因特网访问的网页，或者是由服务器提供并可由客户端仅经专用网络(诸如公司内部网络)访问的页面。本专利技术的一个示例实施方式可例如在基于云的网页编辑应用中实现或者以其他方式与之联合使用，所述基于云的网页编辑应用诸如有Adobe? Dreamweaver?或任何其他允许对可提供给客户端计算系统的页面进行编辑的web设计应用。根据本公开将会理解，网站开发者可根据需要而编辑给定网站的供应页面并与之进行交互，包括在组成该网站的页面内移动内容，并将对应更新提供回服务器。 在一些此类实施方式中，剪贴板模块与页面编辑应用相集成，并且配置用于在应用服务器上执行的小服务程序(servlet)有效地将具有剪贴板模块的页面编辑应用供应给客户端。通过这种方式，可在客户端上的浏览器内执行包括剪贴板模块的页面编辑应用。该客户端剪贴板模块可例如响应关于在客户端处呈现的给定页面上的选定的当前显示内容(例如，文本、图形、图像、嵌入文件或者其他可选择的网页内容)块而请求的诸如复制或剪切操作(或者任何其他涉及将内容移动或复制到保存位置或除此之外的中间位置的操作)等编辑操作而得到调用。剪贴板模块被编程或以其他方式配置用于在客户端处的浏览器会话存储或其他合适的本地存储或存储器位置中存储目标内容，并且还用于在页面上放置供用户查看的代表该存储的用户接口(UI)元素，诸如虚拟剪贴板(本文总体上称为Π剪贴板元素或剪贴板)。剪贴板模块还可配置用于注释Π剪贴板元素以便向用户提供一定程度的反馈，诸如其中存储的内容块的数目和/或名称。 响应用户对Π剪贴板元素的拖放，剪贴板模块进一步配置用于执行对应的拖放操作，以便本文档来自技高网...

【技术保护点】
一种在客户端‑服务器布置中编辑页面的计算机实现方法，所述方法包括：由客户端计算系统将选定的内容块复制到位于所述客户端计算系统处的本地存储中，所述选定内容块呈现在由与所述客户端计算系统通信的服务器计算系统向所述客户端计算系统的浏览器供应的页面上；由所述客户端计算系统将剪贴板用户接口(UI)元素呈现在所述页面上；以及响应于将所述剪贴板UI元素移动并放置在目标位置，将存储的选定内容块插入所述目标位置。

【技术特征摘要】
...

【专利技术属性】
技术研发人员：D·安蒂帕，
申请(专利权)人：奥多比公司，
类型：发明
国别省市：美国;US