CN102047248B - 用于编辑电子文档的目标对准和放下控件 - Google Patents

Abstract

本公开涉及电子文档编辑工具的目标对准和放下控件，所述控件确保对象只被插入有效的放下目标区域，并按照预定的对准规则被对准。

Description

用于编辑电子文档的目标对准和放下控件

技术领域

本发明涉及电子文档的创建和设计，更具体地说，涉及把对象放置在电子文档的可编辑区域中的目标对准和放下控件。

背景技术

电子文档用在各种应用中，包括，例如但不限于，网页，可用电子邮件或者以其它电子方式传给其他各方的电子邀请和名片，电子出版应用，和允许用户显示和编辑的其它软件应用。

在许多电子文档编辑应用程序中，环境是其中在编辑环境中向用户显示的大体上即是最终电子文档的样子的所看即所得(WYSISYG)环境。例如，在网站建设应用程序中，可向用户显示带有控件的网页，所述控件允许用户编辑稍后(以不可编辑的形式)向网站公布的网页的各个部分。

尽管期望的是允许有经验的网站建设者能够几乎完全控制网页的格式和编辑，不过这种控制需要更复杂的用户界面，所述更复杂的用户界面又需要用户方面相当大的学习投入，还不能避免经验不够的用户违反设计行业认为“良好”的设计原则。

因此，期望的是提供一种电子文档编辑环境，该环境具有简单的用户界面，并且使在相对于彼此放置元素中进行的一些用户控制能强迫服从“良好”的设计原则。

发明内容

本发明的实施例目的在于电子文档编辑工具的目标对准和放下控件。所述目标对准和放下控件确保对象只被插入有效的放下目标区域中，并且按照预定的对准规则被对准。

按照本发明的一个实施例，把对象放置在电子文档的文本区域中的计算机实现的方法，和执行所述方法的计算机可读介质包括实现下述功能的步骤和代码：关于对象检测目标对准和放下控件的激活，当把光标从电子文档中的第一位置拖动到第二位置时，监测所述光标的位置，确定第二位置是否在有效的放下目标区域的边界内，并且如果第二位置在有效的放下目标区域的边界内，则选择所述有效的放下目标区域，如果发现光标在有效的放下目标区域的边界内，则确定放下目标区域的对准区域，所述对准区域具有相关对准规则，所述规则对于每个所确定的对准区域，规定对象在放下目标区域内的放置，选择第二位置所位于的当前对准区域，显示对准指示符，所述指示符指示如果释放目标对准和放下控件，则所述对象将被插入的一般对准位置，检测目标对准和放下控件的释放，和把对象插入所选择的放下目标区域中。

本发明的一个优点在于在控件的激活过程中，对象的放下目标区域不会改变。本发明的另一个优点在于强迫服从良好的设计原则，同时仍然使设计工具的用户对电子文档中的对象的内容和位置具有一定的设计控制。

参考附图、说明和权利要求，将更好地理解本发明的这些和其它目的、特征和优点。

附图说明

图1A是图解说明本发明的一个实施例工作的网络环境的方框图。

图1B是图解说明电子出版工具可以工作的用户计算机环境的方框图。

图2是图解说明网页模板的例证实施例的浏览器窗口的示图。

图3是图解说明供用户编辑的示例网页的浏览器窗口的示图。

图4A是图解说明在文本段落内插入的对象的示图，其中使所述对象对准段落的左上角。

图4B是图解说明在文本段落内插入的对象的示图，其中所述对象在段落上方，并且对准段落的水平中央。

图4C是图解说明在文本段落内插入的对象的示图，其中使所述对象对准段落的右上角。

图4D是图解说明在文本段落内插入的对象的示图，其中所述对象在段落下方，并且对准段落的水平中央。

图5A是通过在文本段落的左上角对准并放下对象的目标对准和放下控件实施例图解说明用户体验的示例网页的示图。

图5B是通过在文本段落的上方、水平居中地对准并放下对象的目标对准和放下控件实施例图解说明用户体验的示例网页的示图。

图5C是通过在文本段落的右上角对准并放下对象的目标对准和放下控件实施例图解说明用户体验的示例网页的示图。

图5D是通过在文本段落的下方、水平居中地对准并放下对象的目标对准和放下控件实施例图解说明用户体验的示例网页的示图。

图6是目标对准和放下控制方法的例证实施例的流程图。

图7是其中实现了目标对准和放下控件的示例网页的示图。

图8是在激活目标对准和放下控件之后，由目标对准和放下控件记录的图7的示例网页的布局示图。

图9是图解说明当激活目标对准和放下控件并把光标拖动到对应的对准区域之一上时，可向用户显示的对准标记的位置的放下目标区域的布局示图。

图10-26是图解说明目标对准和放下控件的示例操作的例证网页的屏幕截图。

具体实施方式

图1A描述其中利用本发明的实施例的例证联网系统1。客户端系统11代表用户的计算机系统，例如，网站托管服务的客户。客户端系统11是参考图1B说明的标配的现代个人计算机，其被配置成通过Web通信，并且运行现代的Web浏览器程序12。为了便于讨论，将在运行Microsoft Internet Explorer浏览器的个人计算机的情况下说明本发明，不过要认识到本发明也可应用于支持DHTML、XHTML、HTML、XML和其它web功能的其它浏览器程序和其它智能设备，诸如能够运行这种浏览器的PDA。

客户端11与网站托管服务服务器20通信，以经由客户端的浏览器12建立账户信息和定购网站托管服务。在建立账户之后，网站托管客户随后可开始设计和编辑他们的网站。在一个例证实施例中，网站托管服务通过网站建设工具服务器30提供网站建设工具。在一个实施例中，客户端11可下载网站建设工具31，以便在其本地浏览器12中执行。

网站建设工具31允许网站托管服务客户从网站建设工具服务器30下载网站模板(保存在模板和图像库40中)。网站模板是电子网页设计，所述电子网页设计包括允许客户定制文本、图像和设计内容的可编辑区域。网站建设工具31包括目标对准和放下控件32，所述目标对准和放下控件32确保插入可编辑区域中的对象只被插入到预定的有效放下目标区域和按照相关对准规则放置的预定的有效对准区中。

网站托管服务客户可编辑和设计定制的网站，所述定制的网站可被发布给托管网站数据库50。当网页被发布给托管网站数据库50时，网站托管服务器60将把托管网站的网页提供给网络上的其它联网客户端，诸如网站托管服务客户11的客户端70。

网站建设工具31运行于客户端的浏览器12中，并允许基于浏览器的文档创建和编辑。美国专利No.7,340,673，其标题为“System andmethod for browser document editing”中公开一种进行基于浏览器的文档创建和编辑的现有系统，该专利在此引为参考。美国专利No.7,340,673公开一种系统，其中HTML文档编辑工具被下载到用户的浏览器。没有系统明确论述强制服从关于把图像和其它对象插入文档的可编辑文本区中的“良好”设计原则的控制。

图1B图解说明实现图1A中的网站托管服务客户端11的适当计算系统环境100的例子。计算系统环境100只是适当的计算环境的一个例子，并不意图建议对本发明的使用或功能范围的任何限制。计算环境100也不应被解释成具有与在例证工作环境100中图解说明的组件的任意之一或组合相关的任意依赖性或需求。

本发明的实施例可以和众多其它的通用或专用计算系统环境或配置一起使用。适合于供本发明使用的公知计算系统、环境和/或配置的例子包括但不限于个人计算机、服务器计算机、手持或膝上型设备、多处理器系统、基于微处理器的系统、机顶盒、可编程消费电子产品、网络PC、小型计算机、大型计算机、包括任意上述系统或设备的分布式计算环境，等等。

可在由计算机执行的计算机可执行指令，诸如程序模块的一般情况下说明本发明的实施例，尤其是集成于其中的网站建设工具31及网站建设工具31的目标对准和放下控件32。通常，程序模块包括执行特定任务或实现特定抽象数据类型的例程、程序、对象、组件、数据结构等。也可在分布式计算环境中实践本发明的实施例，在分布式计算环境中，任务由通过通信网络或其它数据传输介质链接的远程处理设备执行。在分布式计算环境中，程序模块和其它数据可以位于包括存储器贮存设备的本地和远程计算机存储介质中。

参考图1A，实现本发明的例证系统包括呈计算机110形式的通用计算设备。计算机110的组件包括，但不限于，处理单元120、系统存储器130和使包括系统存储器在内的各个系统组件与处理单元120耦接的系统总线121。系统总线121可以是数种总线结构任意之一，所述数种总线结构包括存储器总线或存储器控制器、外围总线、和使用各种总线体系结构任意之一的局域总线。

计算机110一般包括各种计算机可读介质。计算机可读介质可以是能够被计算机110存取的任何可用介质，包括易失性介质和非易失性介质，可拆卸介质和不可拆卸介质。例如，但不限于，计算机可读介质可包括计算机存储介质和通信介质。计算机存储介质包括为存储信息，诸如计算机可读指令、数据结构、程序模块或其它数据，用任何方法或技术实现的易失性和非易失性，可拆卸和不可拆卸的介质。计算机存储介质包括，但不限于，RAM、ROM、EEPROM、闪速存储器或其它存储器技术、CDROM、数字通用光盘(DVD)或其它光盘存储器、盒式磁带、磁带、磁盘存储器或其它磁性存储设备、或者可用于保存所需信息并且能够被计算机110存取的任何其它介质。通信介质一般在诸如载波或者其它传送机制的调制数据信号中具体体现计算机可读指令、数据结构、程序模块或其它数据，并且包括任何信息分发介质。

系统存储器130包括呈易失性和/或非易失性存储器，诸如只读存储器(ROM)131和随机存取存储器(RAM)132形式的计算机存储介质。包含帮助在计算机110内的元件之间传送信息(诸如在启动期间)的基本例程的基本输入/输出系统133(BIOS)一般保存在ROM 131中。RAM 132一般包含可立即被处理单元120访问和/或目前正被处理单元120处理的数据和/或程序模块。例如，但不限于，图1图解说明操作系统134、应用程序135、其它程序模块136和程序数据137。

计算机110还可包括其它可拆卸/不可拆卸，易失性/非易失性计算机存储介质。只是作为例子，图4图解说明对不可拆卸的非易失性磁性介质进行读取或写入的硬盘驱动器140，对可拆卸的非易失性磁盘152进行读取或写入的磁盘驱动器151，和对可拆卸的非易失性光盘156，诸如CD ROM或其它光学介质进行读取或写入的光盘驱动器155。可在例证的工作环境中使用的其它可拆卸/不可拆卸，易失性/非易失性计算机存储介质包括，但不限于，盒式磁带、闪速存储卡、数字通用光盘、数字录像磁带、固态RAM、和固态ROM等等。硬盘驱动器141一般通过诸如接口140之类的不可拆卸的存储器接口与系统总线121连接，而磁盘驱动器151和光盘驱动器155一般通过可拆卸的存储器接口，诸如接口150连接到系统总线121。

上面论述并且在图1中图解说明的驱动器及其相关的计算机存储介质为计算机110提供计算机可读指令、数据结构、程序模块和其它数据的存储。在图1中，例如，硬盘驱动器141被图解表示成保存操作系统144、应用程序145、其它程序模块146和程序数据147。注意这些组件可以与操作系统134、应用程序135、其它程序模块136和程序数据137相同或不同。这里，操作系统144、应用程序145、其它程序模块146和程序数据147被赋予不同的附图标记，以图解说明至少它们是不同的副本。通过输入装置，诸如键盘162和指示装置161(通常称为鼠标)、轨迹球或触控板，用户可把命令和信息输入计算机20中。其它输入装置(未示出)可包括麦克风、操纵杆、游戏手柄、卫星天线、或扫描仪等等。这些和其它输入装置通常通过与系统总线耦接的用户输入接口160，连接到处理单元120，不过也可通过其它接口和总线结构，诸如并行端口、游戏端口或通用串行总线(USB)连接。监测器191或其它类型的显示设备也通过接口，诸如视频接口190连接到系统总线121。除了监测器之外，计算机还可包括通过输出外围接口190连接的其它外围输出设备，诸如扬声器197和打印机196。

通过利用与一个或多个远程计算机，诸如远程计算机180的逻辑连接，计算机110可在联网环境中工作。远程计算机180可以是个人计算机、服务器、路由器、网络PC、对等设备或其它常见网络节点，并且一般包括上面关于计算机110描述的元件中的多个或全部，不过图1中只图解说明了存储器贮存设备181。图1中描述的逻辑连接包括局域网(LAN)171和广域网(WAN)173，不过也可包括其它网络。这种联网环境在办公室、企业范围(enterprise-wide)计算机网络、内联网(intranet)和互联网中是常见的。

当用在LAN联网环境中时，计算机110通过网络接口或适配器170与LAN 171连接。当用在WAN联网环境中时，计算机110一般包括调制解调器172或者其它装置，以通过WAN 173，诸如因特网建立通信。可在内部或外部的调制解调器172可通过用户输入接口160与系统总线121连接，或者连接到其它适当的机构。在联网环境中，相对于计算机110描述的程序模块，或其多个部分可被保存在远程存储器贮存设备中。例如，但不限于，图1把远程应用程序185图解说明成驻留在存储器贮存设备181上。要认识到所示的网络连接是例证的，可以使用建立计算机之间的通信链路的其它手段。

图2是可利用图1A的网站建设工具31编辑的示例网页模板200的例证实施例。如图2中所示，网页模板200包括标题区202，导航区204，多个可编辑的内容区205a、205b、205c，和多个控件211-220。

Help(帮助)按钮控件211当被选择(例如，通过用鼠标光标点击该按钮)时，触发单独的浏览器窗口，帮助用户获得与网站建设工具31的操作和使用有关的问题的解答。Add/Delete Pages(添加/删除网页)按钮控件212触发允许用户进行网站级变化(包括增加和删除网页、重命名网页等)的DHTML覆盖图或弹出窗。Preview(预览)按钮控件213使用户可以在不显示任何网站建设工具31功能的情况下，查看他们的网站，就象他们正在正常浏览所述网站一样。Save(保存)按钮控件214保存网站设计。Publish(发布)按钮控件215把网站中的任何变化保存到发布数据库50中，以致浏览他们的网站的人将看到所述变化。

Add Image(添加图像)控件216a和Add Widget(添加微件)控件216b将触发允许用户向网页内容中添加诸如地图或表格之类的图像或微件(widget)的DHTML覆盖图/弹出窗。Change Layout(改变布局)控件217触发允许用户选择不同网页布局的DHTML下拉菜单。Page Navigation(网页导航)控件218使用户可以在其网站的网页之间切换，以便编辑。Undo/Redo(撤消/重做)控件219使用户可以撤消或重做文本编辑到布局变化的任何操作。Edit(编辑)控件220包括Rich Text Editing(富文本编辑)控件。

图3是包含文本容器310的网页300的例子，文本容器310具有多个文本段落和一幅图像305。在传统的拖放功能中，当用户选择图像305，并把它拖动到文本容器内的绝对位置时，图像305被放在(插入)文本容器中的所述绝对位置，并调整文本以环绕该图像。尽管这种功能给予用户对在网页上放置图像和其它对象的地方的许多控制，不过在考虑到新手或业余设计人员的可用性而设计的工具中，对象放置方面的这种用户控制可导致决非最佳的设计。例如，可用性研究显示在段落的中间插入图像会使得难以遵循文本的流动。

按照本发明的实施例，网站建设工具31包括把各个对象在文本容器内的放置局限于预定目标区的强迫服从的设计规则，按照惯常接受的设计原则，已知与只是给定文本段落中的任意位置相比，所述预定目标区更加美观。例如，在一个实施例中，图像和微件对象405可被局限于放置在目标区域中，包括对准段落410的左上角(如图4A中所示)，在段落上方居中(如图4B中所示)，对准段落的右上角(如图4C中所示)，或者在段落下方居中(如图4D中所示)。

图5A-5D通过按照本发明的例证实施例实现的目标对准和放下控件32图解说明各种用户体验的示例网页。在图5A中，用户点击图像对象505，这激活目标对准和放下控件32，随后把光标550拖动到文本段落510的左上部。对准标记551出现在文本上方，并在文本段落510的左上角区域内，从而向用户直观指出文本段落510的左上角是用于插入对象的当前目标区域。如果用户松开控件32(按标准的点击以选择并拖动，随后点击以放下并松开的鼠标可用性)，从而放下图像对象505，则目标对准和放下控件32把对象505插入在文本段落510的左上角，并重新格式化文本，以(在右侧和下面)环绕插入的对象505。

在图5B中，用户点击并把图像对象505拖动到文本段落510的上部中央。对准标记552出现在文本段落510上方，从而向用户直观指出用于插入对象505的当前目标区域在该段落上面(并且居中)。如果在当前目标区域在上方并且居中的时候，用户释放点击，从而放下图像对象505，则目标对准和放下控件32在文本段落510上方且沿宽度方向居中插入对象505。

在图5C中，用户点击并把图像对象505拖动到文本段落510的右上方部分。对准标记553出现在文本上方，并在文本段落510的右上角区域内，从而向用户直观指出用于插入对象505的当前区域是文本段落510的右上角。如果在当前目标区域是文本段落510的右上角的时候，用户释放点击，从而放下图像对象505，则目标对准和放下控件32把对象插入在文本段落510的右上角，并重新格式化文本，以(在左侧和下面)环绕插入的对象505。

在图5D中，用户点击并把图像对象505拖动到文本段落510的下部。对准标记554出现在文本段落510下面，从而向用户直观指出用于插入对象505的当前目标区域在该文本段落下面(并且居中)。如果在当前目标区域在下方并且居中的时候，用户释放点击，从而放下图像对象505，则目标对准和放下控件32在文本段落510下方且沿宽度方向居中插入对象505。

在图5A-5D中图解说明的可用性情况从而允许用户对对象在文本内的定位施加实质控制32，同时强迫服从往往遵循广泛接受的设计原则的特定设计规则(诸如要求只在文本内的美观的位置中插入图像)。

可以用图形图标，诸如箭头，或者某种其它的直观指示符，诸如使对象505目前被拖动到的文本段落510的目标区域突出显示或者给其加阴影，实现对准标记551、552、553、554。如果对准标记是图标，则所述图标本身实际上不需要位于当前目标区域之上，但是必须以某种方式向用户直观指出目前目标区域实际上是当前目标区域。例如，如果对准标记是图形箭头，则箭头本身可被置于邻近文本段落510(而不是在文本段落510之上)，同时箭头指向当前目标区域。在图5A-5D的图解说明的实施例中，只有当目标对准和放下控件32被激活，并且拖动的对象目前位于与对准标记对应的目标区域内时，才向用户显示对准标记。在其它实施例中，当激活目标对准和放下控件32时，可以同时显示所有对准标记，以帮助用户确定哪些目标区域可用，以及决定选择哪个可用的目标区域。

图6是目标对准和放下控制方法600的例证实施例的流程图。在图解说明的方法600中，用户操作被表示在虚线的左侧，而计算机实现的操作，例如用JavaScript实现的操作被表示在虚线的右侧。在该例证实施例中，用户通过点击网页中的图像对象，激活目标对准和放下控件32(步骤601)。目标对准和放下控件32监测该控件的激活(步骤611)。

例如，图7图解说明具有可编辑的文本区711、712和713，以及放置在可编辑的文本区之一711内的图像705的示例网页700。可以仅仅通过用户用鼠标点击对象705，选择图像对象705，或者可借助其它图形用户界面控件激活手段，诸如在下拉菜单或工具条上选择控件图标，在对象705上点击鼠标右键，和选择与控件对应的菜单项目等，激活目标对准和放下控件32。

目标对准和放下控件32的用户激活可触发目标对准和放下控件32以确定网页上的一组有效放下目标(步骤612)。在例证实施例中且参照图7和8，目标对准和放下控件32处理目前显示的网页，诸如图7中的网页700，并建立在图8中所示的布局页面800中图解说明的一组放下目标容器或区域821、822、823、824(步骤613)。每个放下目标区域821、822、823、824都封闭包含所选图像对象705的文本容器711中的单一文本段落。在一个实施例中，JavaScript类处理目前显示的DHTML网页，并根据根段落HTML标签，确定网页700上的所选文本容器711中的文本段落的位置和对应大小。从而，列表和其它嵌入段落会被看作根段落的一部分。在一个实施例中，所述一组放下目标区域821、822、823、824可被标准化，以致放下目标区域不会相互重叠，文本容器711的整个区域被至少一个放下目标区域821、822、823、824覆盖，放下目标区域821、822、823、824占据的面积都不小于预定的最小大小(即，不存在面积为零的线形容器)，并且所有放下目标区域821、822、823、824的宽度与整个所选择的文本容器711的宽度相同。

在关于对象705激活控件32之后，用户把光标拖动到网页700上的可编辑文本区711、712、713上，且目标对准和放下控件32监测被拖动的光标在网页上的位置(步骤603)。目标对准和放下控件32监测被拖动的光标的位置(步骤614)，并检测包括对象705是否已被放下(步骤615)(通过用户释放鼠标点击)和对象705目前是否在放下目标区域821、822、823、824之上(步骤615)在内的条件。

当检测到被拖动的光标在放下目标区域821、822、823、824内时(步骤616)，目标对准和放下控件32确定检测到的放下目标区域目前是否已被选择(步骤617)，如果是，则直接转移到即将论述的对准区域选择步骤(步骤619)。如果检测到放下目标区域不是目前选择的放下目标区域，则目前选择的放下目标区域被设为新检测到的放下目标区域，并且目标对准和放下控件32随后确定该放下目标区内的至少两个对准区域(步骤618)。例如，在图7中图解说明的例证实施例中，由于对象705已被置于放下目标区域821的边界中，因此当激活目标对准和放下控件32时，目前选择的放下目标区域是对象705所位于的放下目标区域821。当光标被拖动到当前放下目标区域821之外，并越过另一个放下目标区域的边界时，目前选择的放下目标区域被更新，以指示光标实际所在的放下目标区域。例如，参考图8，如果沿着网页向下拖动光标，以致光标越过进入放下目标区域822的边界，则目前选择的放下目标区域被更新为放下目标区域822。

当选择当前的放下目标区域时，目标对准和放下控件32计算所选放下目标区域内的至少两个对准区域(步骤618)。参见图8，在例证实施例中，目标对准和放下控件32计算边界呈矩形或者柱状的三个对准区域831、832和833。这三个对准区域831、832和833可包括左对准区域831、中央对准区域832和右对准区域833。对准区域可以呈柱状，例如，每个对准区域可刚好对应于文本容器711的可用宽度的三分之一，或者可计算每个对准区域的宽度，从而向外侧两列或者向中央一列分配更多的列宽。左列对应于左对准区域831，中央一列对应于中央对准区域832，而右列对应于右对准区域833。

每个对准区域831、832、833都具有与之相关的一组对准规则841、842、843。例如，左对准区域831可具有对准规则841，其规定使放在对准区域831的边界内的任何对象对准当前放下目标区域821的左上角，随后重新格式化目前在所选放下目标区域821的边界内的任何文本，以首先填充在所放下对象右侧的任何现有区域，随后填充在所放下对象下面的任何现有区域(例如，如图5A中所示)。继续该例子，右对准区域833可具有对准规则843，其规定使放在右对准区域833的边界内的任何对象对准当前放下目标区域821的右上角，随后重新格式化目前在所选放下目标区域821的边界内的任何文本，以首先填充在所放下对象左侧的任何现有区域，随后填充在所放下对象下面的任何现有区域(例如，如图5C中所示)。中央对准规则842可规定把放在中央对准区域832的边界内的任何对象放在所选放下目标区域821上方，并且水平对准所选放下目标区域821的中央(例如，如图5B中所示)。

目标对准和放下控件32还可计算可与不同的对准规则844和845相关联的上对准区域834和下对准区域835。例如，如果对象被拖动到上对准区域834上方，则上对准区域规则844可规定应用与左、中和右对准区域相关的规则841、842、843，而如果对象705被拖动到下对准区域835的任意部分上方，则下对准区域规则845可规定在当前的放下目标区域821下面水平居中地插入对象705(例如，如图5D中所示)。

可以存在其它对准规则。例如，在一个例证实施例中，设计规则可规定如果所选放下目标区域是相关文本容器中的最下面的放下目标区域，则图像对象只能被放在放下目标区域下方。同样地，设计规则可规定如果所选放下目标区域是相关文本容器中的最上面的放下目标区域，则图像对象只能被放在放下目标区域上方。可以实现所述规则的其它变化，同时仍然保留在本发明的范围之内。

一旦计算了对准区域(在步骤618)，目标对准和放下控件32选择与拖动对象的光标目前被置于其上的对准区域对应的对准区域(步骤619)。在一个实施例中，对准区域831-835每一个均覆盖所选放下目标区域821的一个区域，以致所选放下目标区域821的所有区域被对准区域覆盖。

当确定了所选放下目标区域中的所选对准区域时，与所选放下目标区域结合地显示与所选对准区域相关的对准标记(步骤620)。例如，图9图解说明如果光标被拖动到对应的对准区域831、832、833和835之上，并在释放对象705(即，退出或去激活已被激活的目标对准和放下控件32)之前，将显示在放下目标区域821上的对准标记901、902、903、904的位置。当在对象705被拖动到有效放下目标区域之上的情况下，并在释放对象705之前，被显示在图7的网页上时，显示给用户的标记901、902、903、904向用户指出如果在显示标记的时候，释放对象705，则将按照与所选对准区域相关的对准规则，把对象705放置在与所显示的标记对应的对准区域中。

返回图6，用户可选择把对象放在选择的对准区域中(步骤603)，或者可把对象拖动到所选放下目标区域内的另一个区域，或者拖动到另一个放下目标区域。如果用户把对象拖动到不同的对准区域上，则可选地，可从用户的显示屏面上除去当前的对准标记，或者可替换地，可在有效的目标对准和放下控件32的持续时间内，将当前的对准标记保留在显示屏面上，以指示可能的放下目标区域，同时向用户突出显示或者以其它方式直观指出哪个对准标记目前处于有效状态。不断监测被拖动对象的位置(步骤614)，并重复进行所述方法的拖动操作部分(步骤616-620)，直到用户放下对象为止(步骤603)。

当检测到被放下的对象时(步骤615)，目标对准和放下控件32从显示屏面上除去任何目前显示的对准标记(步骤621)，把对象插入与和目前所选放下目标区域的目前所选对准区域相关的对准规则对应的对准位置中(步骤622)，并按照与所选对准区域相关的对准规则，重新格式化所选放下目标区域中的任何文本(步骤623)。

图10-26是图解说明目标对准和放下控件32的示例操作的示例网页1000的屏幕截图。图10图解说明由用户编辑的示例网页1000。网页1000包括具有文本段落的可编辑区1001。图11图解说明当激活图像按钮控件1091时，向用户显示的图像插入控制弹出窗口1090。图像插入控件允许用户把图像上传到可编辑的文本区中。图12图解说明在用户选择和上传图像1005之后的网页1000。图像1005被默认插入在可编辑区1001的左上角的文本区1001中。

图13图解说明当用户激活目标对准和放下控件32(例如，通过在光标1050位于图像对象1005之上时，用鼠标点击图像对象1005)时，对准标记1050的显示。如图所示，对准标记1050被显示在可编辑区1001的左上角中，因为光标在左上角的对准区域(未示出，不过对应于图8中的对准区域831)上。

图14图解说明当光标1050被拖动到第二文本段落的左侧时，新的对准标记1052的显示。如图所示，对准标记1052指示在光标位于导致对准标记1052的显示的位置时，如果释放目标对准和放下控件32(例如，通过用鼠标第二次点击)，则图像对象1005将被放在(即，插入)第二文本段落的左上角。图15图解说明在用户释放目标对准和放下控件32，从而把图像对象1005放在由对准标记1052指示的位置之后的网页1000的显示。这种情况下，图像对象1005在垂直方向上大于第二文本段落，从而与对应于对准标记1052的对准区域相关的对准规则规定重新格式化第二段落和任何后续段落中的文本，以环绕在图像对象的右侧。

图16图解说明在激活目标对准和放下控件32之后，当朝着第二文本段落的中央拖动光标1050时，新的对准标记1053的显示。如图所示，对准标记1053指出在光标位于导致对准标记1053的显示的位置时，如果释放目标对准和放下控件32(通过用鼠标第二次点击)，则图像对象1005将被放在(即，插入)第二段落的下方中央。图17图解说明在用户释放目标对准和放下控件32，从而把图像对象1005放在由对准标记1053指示的位置之后的网页1000的显示。

图18图解说明在激活目标对准和放下控件32之后，当朝着第二文本段落的右侧拖动光标1050时，新的对准标记1054的显示。如图所示，对准标记1054指出在光标位于导致对准标记1054的显示的位置时，如果释放目标对准和放下控件32(通过用鼠标第二次点击)，则图像对象1005将被放在(即，插入)第二段落的右侧。图19图解说明在用户释放目标对准和放下控件32，从而把图像对象1005放在由对准标记1054指示的位置之后的网页1000的显示。

图20图解说明指出光标1050被置于其上的区域不可用于放下所选图像对象的图标1095的显示。目标对准和放下不允许用户把图像对象放在网页1000上未被有效的放下目标区域覆盖的任何地方。这可包括网页1000的不可编辑区。

图21图解说明在激活目标对准和放下控件32之后，当光标1050被拖动到可编辑区1001的底部时，新的对准标记1055的显示。如图所示，对准标记1055指出在光标位于导致对准标记1055的显示的位置时，如果释放目标对准和放下控件32，则图像对象1005将被放在可编辑区1001的底部中央。图22图解说明在用户释放目标对准和放下控件32，从而把图像对象1005放在由对准标记1055指示的位置之后的网页1000的显示。

图23图解说明当激活布局按钮控件1093时，向用户显示的布局控件下拉列表1092。布局控件允许用户选择和改变网页1000中的可编辑文本区(一个或多个)的布局。图24图解说明在用户选择两区域布局之后的网页1000。所得到的布局包括排列成两个不同的可编辑列的两个可编辑区。如图所示，第一个可编辑区1001中的文本被重新格式化，以覆盖文本容器的缩小的宽度。从而，该文本容器的纵向尺寸扩展，以容纳数目增大的文本行。

图25图解说明在用户选择和上传另一个图像1006之后的网页1000。同样默认地，图像1006被插入在可编辑区1001的左上角的文本区1001中。图25还图解说明在关于新的图像对象1006激活目标对准和放下控件32之后，当光标1050被拖动到可编辑区1001中的第一段落的右侧时，新的对准标记1056的显示。如图所示，对准标记1056指出在光标位于导致对准标记1056的显示的位置时，如果释放目标对准和放下控件32，则图像对象1006将被放在可编辑区1001中的第一段落的右侧。图26图解说明在用户释放目标对准和放下控件32，从而把图像对象1006放在由对准标记1056指示的位置之后的网页1000的显示。

总之，如上详细所述，目标对准和放下控件32强迫服从与有效的放下目标区域和对准有关的规则，同时仍然允许用户决定网页的可编辑文本之中的图像和其它对象的放置。重要的是，在用户通过释放目标对准和放下控件32来选择有效的放下目标和对准区之前，文本段落不会被重新格式化。这具有如下优点：由于在用户把对象拖动到网页的各个区域之上的时候，文本不被重新格式化，因此有效的放下目标区域不是移动目标。

尽管这里说明的本发明的例证实施例涉及网页的编辑，不过本发明并不局限于此。可在任何电子文档编辑应用或环境，包括，只是作为例子而不是对本发明的限制，电子出版应用，无纸化办公应用，因特网定制产品设计工具等中实现目标对准和放下控件32。另外，尽管在这里说明的例证实施例中，目标对准和放下控件32与图像对象相关，不过，目标对准和放下控件32可以与可插入电子文档的可编辑区中的任意多个不同类型的对象相关。例如，目标对准和放下控件32可以与地图对象、表格对象，日历对象，窗口对象，时钟对象，或者其它电子“微件”对象相关。这种对象可以是静态的(不可编辑的)，或者动态的(可编辑的或者以其它方式互动的)。

尽管已经论述了本发明的例证实施例，不过所说明的实施例应被看作是对本发明的举例说明，而不是对本发明的限制。本发明的范围由下面的权利要求及所有等同的方法和系统限定。

Claims (8)

1.一种用于把对象放置在电子文档中的文本区域中的计算机实现的方法，包括：

对于对象，检测目标对准和放下控件的激活；

当把光标从电子文档中的第一位置拖动到第二位置时，监测所述光标的位置；

确定第二位置是否在有效的放下目标区域的边界内，并且如果第二位置在有效的放下目标区域的边界内，则选择所述有效的放下目标区域；

如果检测到光标在有效的放下目标区域的边界内，则确定放下目标区域的对准区域，所述对准区域具有相关对准规则，所述对准规则为每个所确定的对准区域规定对象在放下目标区域内的放置；

选择第二位置所位于的当前对准区域；

显示对准指示符，所述对准指示符指示如果目标对准和放下控件被释放，则所述对象将被插入的与显示的对准指示符对应的对准位置；

检测目标对准和放下控件的释放；

当检测到被放下的对象时，从显示屏面上除去任何目前显示的对准指示符；

把对象插入与和目前所选放下目标区域的目前所选对准区域相关的对准规则对应的对准位置中；和

按照与所选对准区域相关的对准规则，重新格式化所选放下目标区域中的任何文本。

2.按照权利要求1所述的方法，其中在已激活的目标对准和放下控件被释放之前，对象不被插入电子文档的任何区域中。

3.按照权利要求1所述的方法，其中按照与所选择的对准区域相关的对准规则，重新格式化所选择的放下目标区域中的文本以环绕所插入的对象。

4.按照权利要求1所述的方法，其中电子文档是正在编辑的网页。

5.一种用于把对象放置在电子文档中的文本区域中的系统，包括：

用于对于对象，检测目标对准和放下控件的激活的装置；

用于当把光标从电子文档中的第一位置拖动到第二位置时，监测所述光标的位置的装置；

用于确定第二位置是否在有效的放下目标区域的边界内，并且如果第二位置在有效的放下目标区域的边界内，则选择所述有效的放下目标区域的装置；

用于如果检测到光标在有效的放下目标区域的边界内，则确定放下目标区域的对准区域的装置，所述对准区域具有相关对准规则，所述对准规则为每个所确定的对准区域规定对象在放下目标区域内的放置；

用于选择第二位置所位于的当前对准区域的装置；

用于显示对准指示符的装置，所述对准指示符指示如果目标对准和放下控件被释放，则所述对象将被插入的与显示的对准指示符对应的对准位置；

用于检测目标对准和放下控件的释放的装置；

用于当检测到被放下的对象时，从显示屏面上除去任何目前显示的对准指示符的装置；

用于把对象插入与和目前所选放下目标区域的目前所选对准区域相关的对准规则对应的对准位置中的装置；和

用于按照与所选对准区域相关的对准规则，重新格式化所选放下目标区域中的任何文本的装置。

6.按照权利要求5所述的系统，其中在已激活的目标对准和放下控件被释放之前，对象不被插入电子文档的任何区域中。

7.按照权利要求5所述的系统，其中按照与所选择的对准区域相关的对准规则，重新格式化所选择的放下目标区域中的文本以环绕所插入的对象。

8.按照权利要求5所述的系统，其中电子文档是正在编辑的网页。

Images