在网页中实现文本编辑器悬浮的方法和装置制造方法及图纸

一种在网页中实现文本编辑器悬浮的方法，包括以下步骤：接收使文本编辑器变为悬浮状态的指令，该文本编辑器嵌入在网页的固定位置；设置文本编辑器在网页中处于顶层，并设置文本编辑器的状态标识为悬浮状态；监测网页是否发生移动，若网页发生移动，则检测所述状态标识是否表示悬浮状态；若所述状态标识表示悬浮状态，则不传送反映所述网页移动的网页移动数据给所述文本编辑器的位置控制函数，也不调用所述位置控制函数，所述位置控制函数用于根据所述网页移动数据控制所述文本编辑器的移动，使得所述文本编辑器与所述网页一起移动。上述方法可便文本编辑器不会固定在网页的特定位置。此外，还提供一种在网页中实现文本编辑器悬浮的装置。

【技术实现步骤摘要】

本专利技术涉及网络
，特别是涉及一种在网页中实现文本编辑器悬浮的方法和装置。
技术介绍
文本编辑器(或称文字编辑器)是用作编写普通文字的应用软件，文本编辑器一般不能对输入其中的内容进行桌面排版(例如文档格式处理)，但通常支持基本的排版功能，如卷行、自动缩排、行号排版、注释排版等等。文本编辑器可分为纯文本编辑器和富文本编辑器。纯文本编辑器中只能输入文字，而富文本编辑器则可提供类似于MicrosoftWord的编辑功能，其中可输入文字和图片等。文本编辑器可通过iframe元素嵌入到网页中。网页中的文本编辑器通常可用于发表讨论主题、发表评论内容、发表回复内容等等。现有技术中网页中的文本编辑器一般固定在网页中的特定位置，而如今网页所承载的内容通常非常丰富，因此网页的版面也非常大，浏览器窗口中一般不能展示网页的全部版面。当需要在文本编辑器中输入内容而文本编辑器不处于浏览器窗口的显示区域中时，需要用户手动拖动网页的滚动条来翻滚网页，以将文本编辑器呈现到浏览器窗口的显示区域中。另外，若需要在文本编辑器中针对某一讨论主题、某一评论内容发表评论内容或针对某一评论内容发表回复内容，而所针对的讨论主题或评论内容在网页中的位置与文本编辑器在网页中位置相隔甚远，导致二者不能同时呈现在浏览器窗口的显示区域时，则需要用户强制记住所针对的讨论主题或评论内容，或者需要用户来回翻滚网页以将所针对的讨论主题或评论内容与文本编辑器交替呈现在浏览器窗口的显示区域，达到边观看所针对的讨论主题或评论内容、边完成在文本编辑器中输入有针对性的完整的内容的目的。
技术实现思路
基于此，针对文本编辑器只能固定在网页中特定位置的问题，有必要提供一种在网页中实现文本编辑器悬浮的方法和装置。一种在网页中实现文本编辑器悬浮的方法，包括以下步骤：接收使文本编辑器变为悬浮状态的指令，所述文本编辑器嵌入在网页的固定位置；设置所述文本编辑器在网页中处于顶层，并设置所述文本编辑器的状态标识为悬浮状态；监测所述网页是否发生移动，若所述网页发生移动，则检测所述状态标识是否表示悬浮状态；若所述状态标识表示悬浮状态，则不传送反映所述网页移动的网页移动数据给所述文本编辑器的位置控制函数，也不调用所述位置控制函数，所述位置控制函数用于根据所述网页移动数据控制所述文本编辑器的移动，使得所述文本编辑器与所述网页一起移动。一种在网页中实现文本编辑器悬浮的装置，包括：指令接收模块，用于接收使文本编辑器变为悬浮状态的指令，所述文本编辑器嵌入在网页的固定位置；层设置模块，用于在触发所述文本编辑器变为悬浮状态的指令后，设置所述文本编辑器在网页中处于顶层；状态设置模块，用于在触发所述文本编辑器变为悬浮状态的指令后，设置所述文本编辑器的状态标识为悬浮状态；监测模块，用于监测所述网页是否发生移动，若所述网页发生移动，则检测所述状态标识是否表示悬浮状态，若所述状态标识表示悬浮状态，则不启动所述位置控制模块；位置控制模块，用于将反映所述网页移动的网页移动数据传递给所述文本编辑器的位置控制函数并调用所述位置控制函数，所述位置控制函数用于根据所述网页移动数据控制所述文本编辑器的移动，使得所述文本编辑器与所述网页一起移动。上述在网页中实现文本编辑器悬浮的方法和装置，在接收使文本编辑器变为悬浮状态的指令后，设置文本编辑器在网页中处于顶层，从而使得文本编辑器不被网页中的其它元素遮挡，并设置文本编辑器的状态标识为悬浮状态，而且在网页发生移动的过程中，文本编辑器的状态标识表示悬浮状态时，文本编辑器不随着网页移动，从而在接收到使文本编辑器变为悬浮状态的指令后，文本编辑器不会固定在网页的特定位置而被移出到浏览器窗口的显示区域之外，其可一直悬浮在网页的其它元素之上，保留在浏览器窗口的显示区域。附图说明如图1A为一个实施例中将文本编辑器设置为悬浮状态的过程的流程示意图；如图1B为一个实施例中根据文本编辑器是否为悬浮状态控制文本编辑器的位置的过程的流程示意图；图2为一个实施例中生成文本编辑器的悬浮图像效果的过程的流程示意图；图3A为一个实施例中文本编辑器的悬浮图像效果示意图；图3B为另一实施例中文本编辑器的悬浮图像效果示意图；图4为一个实施例中根据拖拽操作移动文本编辑器的过程的流程示意图；图5为一个实施例中文本编辑器上方的鼠标指针示意图；图6为一个实施例中根据拖拽操作缩放文本编辑器的过程的流程示意图；图7为一个实施例中文本编辑器顶点上方的鼠标指针示意图；图8为一个实施例中的在网页中实现文本编辑器悬浮的装置的结构示意图；图9为一个实施例中的在网页中实现文本编辑器悬浮的装置的结构示意图；图10为一个实施例中的在网页中实现文本编辑器悬浮的装置的结构示意图；图11为一个实施例中的在网页中实现文本编辑器悬浮的装置的结构示意图；图12为一个实施例中的在网页中实现文本编辑器悬浮的装置的结构示意图；图13为能实现本专利技术实施例的一个计算机系统1000的模块图。具体实施方式为了使本专利技术的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本专利技术进行进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本专利技术，并不用于限定本专利技术。本申请文件中的文本编辑器为纯文本编辑器或富文本编辑器。在一个实施例中，一种在网页中实现文本编辑器悬浮的方法，包括将文本编辑器设置为悬浮状态的过程以及根据文本编辑器是否为悬浮状态控制文本编辑器的位置的过程。如图1A所示，在一个实施例中，将文本编辑器设置为悬浮状态的过程包括以下步骤：步骤S102，接收使文本编辑器变为悬浮状态的指令，文本编辑器嵌入在网页的固定位置。在一个实施例中，文本编辑器包括用于放大编辑器的控件，当发生该控件的抬起事件时，触发使文本编辑器变为悬浮状态的指令。在一个实施例中，用于放大编辑器的控件为一个按钮，该按钮具有抬起事件，按钮上显示“放大编辑”或“全屏显示”的字样，以提示用户点击该按钮可以放大文本编辑器。控件的抬起事件在控件被点击后触发。例如，当鼠标指针处于控件之上时，若鼠标左键被按下后又被放开，则触发控件的抬起事件。又例如，触摸屏在控件位置被按下后又被放开，则触发控件的抬起事件。在一个实施例中，上述在网页中实现文本编辑器悬浮的方法还包括以下步骤：当发生上述控件的抬起事件时，按照预设的放大尺寸放大文本本文档来自技高网...

【技术保护点】
一种在网页中实现文本编辑器悬浮的方法，包括以下步骤：接收使文本编辑器变为悬浮状态的指令，所述文本编辑器嵌入在网页的固定位置；设置所述文本编辑器在网页中处于顶层，并设置所述文本编辑器的状态标识为悬浮状态；监测所述网页是否发生移动，若所述网页发生移动，则检测所述状态标识是否表示悬浮状态；若所述状态标识表示悬浮状态，则不传送反映所述网页移动的网页移动数据给所述文本编辑器的位置控制函数，也不调用所述位置控制函数，所述位置控制函数用于根据所述网页移动数据控制所述文本编辑器的移动，使得所述文本编辑器与所述网页一起移动。

【技术特征摘要】
1.一种在网页中实现文本编辑器悬浮的方法，包括以下步骤：
接收使文本编辑器变为悬浮状态的指令，所述文本编辑器嵌入在网页的固
定位置；
设置所述文本编辑器在网页中处于顶层，并设置所述文本编辑器的状态标
识为悬浮状态；
监测所述网页是否发生移动，若所述网页发生移动，则检测所述状态标识
是否表示悬浮状态；
若所述状态标识表示悬浮状态，则不传送反映所述网页移动的网页移动数
据给所述文本编辑器的位置控制函数，也不调用所述位置控制函数，所述位置
控制函数用于根据所述网页移动数据控制所述文本编辑器的移动，使得所述文
本编辑器与所述网页一起移动。
2.根据权利要求1所述的在网页中实现文本编辑器悬浮的方法，其特征在
于，所述方法还包括以下步骤：
若所述状态标识不表示悬浮状态，则将所述网页移动数据传送给所述位置
控制函数并调用所述位置控制函数。
3.根据权利要求1所述的在网页中实现文本编辑器悬浮的方法，其特征在
于，所述方法还包括以下步骤：
所述文本编辑器包括用于放大编辑器的控件，当发生所述控件的抬起事件
时，触发使文本编辑器变为悬浮状态的指令；和/或，
在所述文本编辑器随着网页的移动而移动时，监测所述网页的显示区域的
底部位置是否高于所述文本编辑器的底部位置，若是，则触发使文本编辑器变
为悬浮状态的指令。
4.根据权利要求1所述的在网页中实现文本编辑器悬浮的方法，其特征在
于，所述方法还包括以下步骤：
在接收使所述文本编辑器变为悬浮状态的指令后，生成使得所述文本编辑
器具有悬浮图像效果的边框元素，并将所述文本编辑器在所述网页中所处的块
与所述边框元素在所述网页中所处的块合并。
5.根据权利要求1所述的在网页中实现文本编辑器悬浮的方法，其特征在
于，所述方法还包括以下步骤：
在接收使所述文本编辑器变为悬浮状态的指令后，监测鼠标指针是否处于
所述文本编辑器上方；
当鼠标指针处于所述文本编辑器上方时，将鼠标指针显示为拖拽图标，并
监测是否所述发生针对鼠标指针的拖拽操作；
当发生所述拖拽操作时，根据鼠标指针的移动轨迹移动所述文本编辑器。
6.根据权利要求1所述的在网页中实现文本编辑器悬浮的方法，其特征在
于，所述方法还包括以下步骤：
在接收使所述文本编辑器变为悬浮状态的指令后，监测鼠标指针是否处于
所述文本编辑器的四个顶点位置；
当鼠标处于所述文本编辑器的四个顶点位置时，将鼠标指针显示为拉伸图
标，所述拉伸图标指示出拉伸方向，并监测是否发生沿所述拉伸方向进行的针
对鼠标指标的拖拽操作；
当发生沿所述拉伸方向进行的针对鼠标指标的拖拽操作时，根据鼠标指针
的移动轨迹将所述文本编辑器进行缩放。
7.根据权利要求1至4任一所述的在网页中实现文本编辑器悬浮的方法，
其特征在于，所述方法还包括以下步骤：
在所述文本编辑器的状态标识变为悬浮状态后，监测所述网页的显示区域
的底部位置是否小于等于文本编辑器的底部位置，若是，则恢复所述文本编辑
器的初始位置和初始大小，并设置所述文本编辑器的状态标识为非悬浮状态。
8.一种在网页中实现文本编辑器悬浮的装置，其特征在于，包括：
指令接...

【专利技术属性】
技术研发人员：向国屹，
申请(专利权)人：腾讯科技深圳有限公司，
类型：发明
国别省市：广东;44