CN103810206B - 网页内容拖拽方法与装置 - Google Patents

网页内容拖拽方法与装置 Download PDF

Info

Publication number
CN103810206B
CN103810206B CN201210453964.2A CN201210453964A CN103810206B CN 103810206 B CN103810206 B CN 103810206B CN 201210453964 A CN201210453964 A CN 201210453964A CN 103810206 B CN103810206 B CN 103810206B
Authority
CN
China
Prior art keywords
node
content
destination node
character
insertion point
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Active
Application number
CN201210453964.2A
Other languages
English (en)
Other versions
CN103810206A (zh
Inventor
陈天真
蒋建波
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Shenzhen Kingdee tianyanyun computing Co., Ltd.
Original Assignee
Shenzhen Kingdee Middleware Ltd By Share Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Shenzhen Kingdee Middleware Ltd By Share Ltd filed Critical Shenzhen Kingdee Middleware Ltd By Share Ltd
Priority to CN201210453964.2A priority Critical patent/CN103810206B/zh
Publication of CN103810206A publication Critical patent/CN103810206A/zh
Application granted granted Critical
Publication of CN103810206B publication Critical patent/CN103810206B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/955—Retrieval from the web using information identifiers, e.g. uniform resource locators [URL]

Landscapes

  • Engineering & Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Data Mining & Analysis (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Document Processing Apparatus (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

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

Description

网页内容拖拽方法与装置
技术领域
本发明涉及互联网技术领域，特别是涉及一种网页内容拖拽方法与装置。
背景技术
互联网的出现带来了信息的爆炸式增长，有只可阅的新闻信息，有可编辑的博客类个人知识累积等。信息的可编辑是一种非常普遍的用户行为，包括文字和图片的编辑，但这是专门针对内容本身而言的，而针对内容的布局方面，如改变段落之间的位置关系，改变图片的位置这样的布局改变操作，传统的方法是采用网页编辑器。
网页编辑器是一个非常笨重、低效、高耗内存的基于javascript的前端组件，一般会包括很多的功能，如文字的录入、图片上传、字体的改变等。其引起的硬件消耗非常的可观，特别是在网络情况不是很理想的情况下，可能会给用户造成程序短暂无响应的状态。而其繁杂的功能，使用起来也不是很方便，有时更是要花很多时间找相应的功能，有时用户并不需要如此多的功能，但是不得不为整个组件买单。
发明内容
基于上述情况，本发明提出了一种简单方便的网页内容拖拽方法与装置。
一种网页内容拖拽方法，包括步骤：
为选中内容加上标签，得到内容节点，对该内容节点进行标记；
确定待插入的目标节点，计算插入点在该目标节点内的偏移量；
按照标记寻找所述内容节点并将其插入到所述目标节点内所述偏移量个字符后。
一种网页内容拖拽装置，包括：
选中内容加标签模块，用于为选中内容加上标签，得到内容节点，对该内容节点进行标记；
插入点偏移量确定模块，用于确定待插入的目标节点，计算插入点在该目标节点内的偏移量；
插入模块，用于按照标记寻找所述内容节点并将其插入到所述目标节点内所述偏移量个字符后。
本发明网页内容拖拽方法与装置，先对选中内容进行预处理，再计算拖拽插入点在目标节点的字符偏移量，最后将选中内容插入到所计算出的相应的字符之后。本方法与装置针对只需要改变网页内容布局的需求，操作简单方便，内存消耗少，适用性广。
附图说明
图1为本发明网页内容拖拽方法的流程示意图；
图2为本发明网页内容拖拽装置的结构示意图。
具体实施方式
从用户角度来看，在网页上拖拽相关文字或图片的操作分为三步：
1、选中需要拖拽的内容；
2、按住鼠标不动，拖到目标位置；
3、松开鼠标。
下面结合附图与实施例详细解释本发明如何响应上述操作。
本发明网页内容拖拽方法，如图1所示，包括步骤：
步骤S 101、为选中内容加上标签，得到内容节点，对该内容节点进行标记；
步骤S102、确定待插入的目标节点，计算插入点在该目标节点内的偏移量；
步骤S103、按照标记寻找所述内容节点并将其插入到所述目标节点内所述偏移量个字符后。
上述步骤S101为所述选中内容加标签的过程包括：
确定所述选中内容的开始节点和结束节点及在开始节点和结束节点内的偏移量；
将所述开始节点内相应偏移量个字符之后、所述结束节点相应偏移量个字符之前作为加标签的起止点，并加上标签。
上述偏移量指节点起始点到其中某一点的字符数。为选中内容加标签的过程也可以说成是节点分割的过程，即分别将开始节点和结束节点一分为二。特别地，若用户选中的内容处于同一个节点内，则其开始节点和结束节点为同一个节点。当选中内容被拖拽走后，开始节点剩余的部分与结束节点剩余的部分若原本就属于同一个节点，则进行合并。具体地，将所述开始节点内相应偏移量个字符之前的内容和所述结束节点相应偏移量个字符之后的内容进行节点合并。
若所述开始节点、结束节点和/或目标节点为不宜分割或不宜插入的节点，如标题、链接、行内元素等，则错开不宜分割或不宜插入的节点，将所述开始节点和/或结束节点之前或之后作为加标签的起止点，将所述内容节点插入到所述目标节点之前或之后。
用户通过鼠标拖拽选中内容，并在欲插入的位置松开鼠标。将选中内容插入到用户松开鼠标的位置，首先需要计算用户松开鼠标位置或插入点在网页中所处的节点即目标节点，以及在该节点内的字符偏移量，计算的具体过程如下：获取所述插入点在所述目标节点内的上边距和左边距；利用所述上边距和左边距，及所述目标节点内每行字符的高度和宽度，计算将所述目标节点内所述插入点所在行及其之前的行按顺序置于同一行时，所述目标节点的起始点到所述插入点的距离，从所述目标节点的起始点开始，依次累加每个字符的宽度，当宽度和达到上述距离时，当前字符索引即为所述插入点在所述目标节点内的偏移量。例如，某插入点在所在目标节点内的左边距为500px，上边距为100px，目标节点每行字符的宽度为1000px，则将所述目标节点内所述插入点所在行及其之前的行按顺序置于同一行即水平化时，目标节点起始点到插入点所有字符的宽度即逻辑宽度为：
逻辑宽度=向下取整(100/字符高度)*1000+500
从所述目标节点的起始点开始，依次累加每个字符的宽度，当宽度和达到上述逻辑宽度时，当前字符索引即为插入点在目标节点内的偏移量。
本发明网页内容拖拽装置是与上述方法对应的装置，如图2所示，包括：
选中内容加标签模块，用于为选中内容加上标签，得到内容节点，对该内容节点进行标记；
插入点偏移量确定模块，用于确定待插入的目标节点，计算插入点在该目标节点内的偏移量；
插入模块，用于按照标记寻找所述内容节点并将其插入到所述目标节点内所述偏移量个字符后。
上述三个模块连接关系的一个实施例如图2所示，选中内容加标签模块和插入点偏移量确定模块分别连接插入模块，从而构成本装置。
所述选中内容加标签模块按照以下过程为所述选中内容加标签：
确定所述选中内容的开始节点和结束节点及在开始节点和结束节点内的偏移量；
将所述开始节点内相应偏移量个字符之后、所述结束节点相应偏移量个字符之前作为加标签的起止点，并加上标签。
作为一个优选的实施例，本装置还包括节点合并模块，用于将所述开始节点内相应偏移量个字符之前的内容和所述结束节点相应偏移量个字符之后的内容进行节点合并。
若所述开始节点、结束节点和/或目标节点为不宜分割的节点，所述选中内容加标签模块则将所述开始节点和/或结束节点之前或之后作为加标签的起止点。若所述目标节点为不宜插入的节点，所述插入模块则将所述内容节点插入到所述目标节点之前或之后。
作为一个优选的实施例，所述插入点偏移量确定模块按照以下过程计算插入点在所述目标节点内的偏移量：获取所述插入点在所述目标节点内的上边距和左边距；利用所述上边距和左边距，及所述目标节点内每行字符的高度和宽度，计算将所述目标节点内所有行按顺序置于同一行时，所述目标节点的起始点到所述插入点的距离，从所述目标节点的起始点开始，依次累加每个字符的宽度，当宽度和达到上述距离时，当前字符索引即为所述插入点在所述目标节点内的偏移量。
以上所述实施例仅表达了本发明的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对本发明专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本发明构思的前提下，还可以做出若干变形和改进，这些都属于本发明的保护范围。因此，本发明专利的保护范围应以所附权利要求为准。

Claims (8)

1.一种网页内容拖拽方法，其特征在于，包括步骤：
为选中内容加上标签，得到内容节点，对该内容节点进行标记；
确定待插入的目标节点，计算插入点在该目标节点内的偏移量；
按照标记寻找所述内容节点并将其插入到所述目标节点内所述偏移量个字符后；
所述步骤计算插入点在该目标节点内的偏移量包括：
获取所述插入点在所述目标节点内的上边距和左边距；
利用所述上边距和左边距，及所述目标节点内每行字符的高度和宽度，计算将所述目标节点内所述插入点所在行及其之前的行按顺序置于同一行时，所述目标节点的起始点到所述插入点的距离，从所述目标节点的起始点开始，依次累加每个字符的宽度，当宽度和达到上述距离时，当前字符索引即为所述插入点在所述目标节点内的偏移量。
2.根据权利要求1所述的网页内容拖拽方法，其特征在于，为所述选中内容加标签的过程包括：
确定所述选中内容的开始节点和结束节点及在开始节点和结束节点内的偏移量；
将所述开始节点内相应偏移量个字符之后、所述结束节点相应偏移量个字符之前作为加标签的起止点，并加上标签。
3.根据权利要求2所述的网页内容拖拽方法，其特征在于，将所述开始节点内相应偏移量个字符之前的内容和所述结束节点相应偏移量个字符之后的内容进行节点合并。
4.根据权利要求2或3所述的网页内容拖拽方法，其特征在于，若所述开始节点和/或结束节点为不宜分割的节点，则将所述开始节点和/或结束节点之前或之后作为加标签的起止点，若所述目标节点为不宜插入的节点，则将所述内容节点插入到所述目标节点之前或之后。
5.一种网页内容拖拽装置，其特征在于，包括：
选中内容加标签模块，用于为选中内容加上标签，得到内容节点，对该内容节点进行标记；
插入点偏移量确定模块，用于确定待插入的目标节点，计算插入点在该目标节点内的偏移量；
插入模块，用于按照标记寻找所述内容节点并将其插入到所述目标节点内所述偏移量个字符后；
所述插入点偏移量确定模块按照以下过程计算插入点在该目标节点内的偏移量：
获取所述插入点在所述目标节点内的上边距和左边距；
利用所述上边距和左边距，及所述目标节点内每行字符的高度和宽度，计算将所述目标节点内所述插入点所在行及其之前的行按顺序置于同一行时，所述目标节点的起始点到所述插入点的距离，从所述目标节点的起始点开始，依次累加每个字符的宽度，当宽度和达到上述距离时，当前字符索引即为所述插入点在所述目标节点内的偏移量。
6.根据权利要求5所述的网页内容拖拽装置，其特征在于，所述选中内容加标签模块按照以下过程为所述选中内容加标签：
确定所述选中内容的开始节点和结束节点及在开始节点和结束节点内的偏移量；
将所述开始节点内相应偏移量个字符之后、所述结束节点相应偏移量个字符之前作为加标签的起止点，并加上标签。
7.根据权利要求6所述的网页内容拖拽装置，其特征在于，还包括节点合并模块，用于将所述开始节点内相应偏移量个字符之前的内容和所述结束节点相应偏移量个字符之后的内容进行节点合并。
8.根据权利要求6或7所述的网页内容拖拽装置，其特征在于，若所述开始节点和/或结束节点为不宜分割的节点，所述选中内容加标签模块则将所述开始节点和/或结束节点之前或之后作为加标签的起止点，若所述目标节点为不宜插入的节点，所述插入模块则将所述内容节点插入到所述目标节点之前或之后。
CN201210453964.2A 2012-11-13 2012-11-13 网页内容拖拽方法与装置 Active CN103810206B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201210453964.2A CN103810206B (zh) 2012-11-13 2012-11-13 网页内容拖拽方法与装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201210453964.2A CN103810206B (zh) 2012-11-13 2012-11-13 网页内容拖拽方法与装置

Publications (2)

Publication Number Publication Date
CN103810206A CN103810206A (zh) 2014-05-21
CN103810206B true CN103810206B (zh) 2017-03-29

Family

ID=50706989

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201210453964.2A Active CN103810206B (zh) 2012-11-13 2012-11-13 网页内容拖拽方法与装置

Country Status (1)

Country Link
CN (1) CN103810206B (zh)

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106611014B (zh) * 2015-10-27 2020-08-21 北京国双科技有限公司 网页查询条件顺序的调整方法及装置

Citations (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1945575A (zh) * 2006-10-27 2007-04-11 北京金山软件有限公司 一种调整栏目结构的方法与系统

Family Cites Families (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102081645B (zh) * 2006-05-10 2014-11-26 谷歌公司 Web笔记本工具
CN101216857B (zh) * 2008-01-07 2010-07-14 苏州阔地网络科技有限公司 网页区块剪取、合并的方法
US8117556B2 (en) * 2008-03-31 2012-02-14 Vistaprint Technologies Limited Target-alignment-and-drop control for editing electronic documents

Patent Citations (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1945575A (zh) * 2006-10-27 2007-04-11 北京金山软件有限公司 一种调整栏目结构的方法与系统

Also Published As

Publication number Publication date
CN103810206A (zh) 2014-05-21

Similar Documents

Publication Publication Date Title
CN102902661B (zh) 一种实现电子书超链接的方法
US20080201633A1 (en) Method and system for converting hypertext markup language web page to plain text
CN104217036A (zh) 一种网页内容提取方法和设备
WO2011002456A1 (en) Selective content extraction
CN104331438B (zh) 对小说网页内容选择性抽取方法和装置
WO2017008448A1 (zh) 一种网页核心内容提取方法
CN105022803A (zh) 一种提取网页正文内容的方法及系统
CN104598462A (zh) 提取结构化数据的方法及装置
CN103116893A (zh) 基于多示例多标记学习的数字图像标注方法
CN103491116A (zh) 正文相关的结构化数据的处理方法及装置
CN105224540A (zh) 页面排版方法及装置
CN108874934B (zh) 页面正文提取方法和装置
CN102629251A (zh) 一种网页信息显示方法和装置
US20150205561A1 (en) Multiple display alignment
CN103810206B (zh) 网页内容拖拽方法与装置
CN103218452A (zh) 一种识别Hub页中有效链接的方法和装置
CN102768663A (zh) 一种网页标题的提取方法、装置及信息处理系统
CN102567358A (zh) 导航内容显示的方法及装置
US20090172524A1 (en) Methods involving text attribute recognition
CN102968610B (zh) 收据图像处理方法和设备
CN107562450A (zh) 一种地方志资源跨平台可视化方法
CN111562911A (zh) 一种网页编辑方法、装置及存储介质
CN106055526A (zh) 页面标识方法和装置
EP1959354A2 (en) Method and system for converting hypertext markup language web page to plain text
CN104572593A (zh) 一种文字的处理方法、系统及电子装置

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
CB02 Change of applicant information

Address after: South South technology twelve road 518000 in Guangdong province Shenzhen City Guangdong streets Nanshan District high tech Industrial Park, No. 2, Kingdee Software Park building A floor 2 South Block

Applicant after: Shenzhen Kingdee middleware Limited by Share Ltd.

Address before: 518057 Guangdong City, Nanshan District province high tech Zone in the middle of the industrial zone of the sparrow tower M-6 building, floor 1, area 3, second, 4

Applicant before: Shenzhen Kingdee Middleware Co., Ltd.

COR Change of bibliographic data
GR01 Patent grant
GR01 Patent grant
CP01 Change in the name or title of a patent holder
CP01 Change in the name or title of a patent holder

Address after: South South technology twelve road 518000 in Guangdong province Shenzhen City Guangdong streets Nanshan District high tech Industrial Park, No. 2, Kingdee Software Park building A floor 2 South Block

Patentee after: Shenzhen Kingdee tianyanyun computing Co., Ltd.

Address before: South South technology twelve road 518000 in Guangdong province Shenzhen City Guangdong streets Nanshan District high tech Industrial Park, No. 2, Kingdee Software Park building A floor 2 South Block

Patentee before: Shenzhen Kingdee middleware Limited by Share Ltd.