[发明专利]网页内容拖拽方法与装置

说明书

技术领域

本发明涉及互联网技术领域，特别是涉及一种网页内容拖拽方法与装置。

背景技术

互联网的出现带来了信息的爆炸式增长，有只可阅的新闻信息，有可编辑的博客类个人知识累积等。信息的可编辑是一种非常普遍的用户行为，包括文字和图片的编辑，但这是专门针对内容本身而言的，而针对内容的布局方面，如改变段落之间的位置关系，改变图片的位置这样的布局改变操作，传统的方法是采用网页编辑器。

网页编辑器是一个非常笨重、低效、高耗内存的基于javascript的前端组件，一般会包括很多的功能，如文字的录入、图片上传、字体的改变等。其引起的硬件消耗非常的可观，特别是在网络情况不是很理想的情况下，可能会给用户造成程序短暂无响应的状态。而其繁杂的功能，使用起来也不是很方便，有时更是要花很多时间找相应的功能，有时用户并不需要如此多的功能，但是不得不为整个组件买单。

发明内容

基于上述情况，本发明提出了一种简单方便的网页内容拖拽方法与装置。

一种网页内容拖拽方法，包括步骤：

为选中内容加上标签，得到内容节点，对该内容节点进行标记；

确定待插入的目标节点，计算插入点在该目标节点内的偏移量；

按照标记寻找所述内容节点并将其插入到所述目标节点内所述偏移量个字符后。

一种网页内容拖拽装置，包括：

选中内容加标签模块，用于为选中内容加上标签，得到内容节点，对该内容节点进行标记；

插入点偏移量确定模块，用于确定待插入的目标节点，计算插入点在该目标节点内的偏移量；

插入模块，用于按照标记寻找所述内容节点并将其插入到所述目标节点内所述偏移量个字符后。

本发明网页内容拖拽方法与装置，先对选中内容进行预处理，再计算拖拽插入点在目标节点的字符偏移量，最后将选中内容插入到所计算出的相应的字符之后。本方法与装置针对只需要改变网页内容布局的需求，操作简单方便，内存消耗少，适用性广。

附图说明

图1为本发明网页内容拖拽方法的流程示意图；

图2为本发明网页内容拖拽装置的结构示意图。

具体实施方式

从用户角度来看，在网页上拖拽相关文字或图片的操作分为三步：

1、选中需要拖拽的内容；

2、按住鼠标不动，拖到目标位置；

3、松开鼠标。

下面结合附图与实施例详细解释本发明如何响应上述操作。

本发明网页内容拖拽方法，如图1所示，包括步骤：

步骤S 101、为选中内容加上标签，得到内容节点，对该内容节点进行标记；

步骤S102、确定待插入的目标节点，计算插入点在该目标节点内的偏移量；

步骤S103、按照标记寻找所述内容节点并将其插入到所述目标节点内所述偏移量个字符后。

上述步骤S101为所述选中内容加标签的过程包括：

确定所述选中内容的开始节点和结束节点及在开始节点和结束节点内的偏移量；

将所述开始节点内相应偏移量个字符之后、所述结束节点相应偏移量个字符之前作为加标签的起止点，并加上标签。

上述偏移量指节点起始点到其中某一点的字符数。为选中内容加标签的过程也可以说成是节点分割的过程，即分别将开始节点和结束节点一分为二。特别地，若用户选中的内容处于同一个节点内，则其开始节点和结束节点为同一个节点。当选中内容被拖拽走后，开始节点剩余的部分与结束节点剩余的部分若原本就属于同一个节点，则进行合并。具体地，将所述开始节点内相应偏移量个字符之前的内容和所述结束节点相应偏移量个字符之后的内容进行节点合并。

若所述开始节点、结束节点和/或目标节点为不宜分割或不宜插入的节点，如标题、链接、行内元素等，则错开不宜分割或不宜插入的节点，将所述开始节点和/或结束节点之前或之后作为加标签的起止点，将所述内容节点插入到所述目标节点之前或之后。