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