CN109299444A - 一种富文本编辑器的生成方法及装置 - Google Patents
一种富文本编辑器的生成方法及装置 Download PDFInfo
- Publication number
- CN109299444A CN109299444A CN201710612710.3A CN201710612710A CN109299444A CN 109299444 A CN109299444 A CN 109299444A CN 201710612710 A CN201710612710 A CN 201710612710A CN 109299444 A CN109299444 A CN 109299444A
- Authority
- CN
- China
- Prior art keywords
- editor
- toolbar
- formula bar
- editors
- editing
- 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.)
- Granted
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/166—Editing, e.g. inserting or deleting
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Health & Medical Sciences (AREA)
- Artificial Intelligence (AREA)
- Audiology, Speech & Language Pathology (AREA)
- Computational Linguistics (AREA)
- General Health & Medical Sciences (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Stored Programmes (AREA)
Abstract
本发明公开了一种富文本编辑器的生成方法及装置,涉及文本处理技术领域,为解决现有技术中在使用多个富文本编辑器时,操作界面过于冗余而发明。本发明的方法包括:获取多个第一富文本编辑器,所述第一富文本编辑器包括一个编辑栏与一个工具栏,所述编辑栏与所述工具栏一一对应;将多个第一富文本编辑器的编辑栏设置在第二富文本编辑器的编辑栏中;将多个第一富文本编辑器的工具栏隐藏设置在所述第二富文本编辑器的工具栏中;当所述第一富文本编辑器的编辑栏处于编辑状态时,在所述第二富文本编辑器的工具栏中显示所述编辑栏对应的工具栏。本发明适合应用于生成富文本编辑器。
Description
技术领域
本发明涉及文本处理技术领域,尤其涉及一种富文本编辑器的生成方法及装置。
背景技术
随着技术的不断发展,富文本编辑器的使用已逐步广泛。富文本编辑器(RichText Editor,简称RTE)是一种可用于对网页中的文本进行编辑的编辑器,具有类似Microsoft Word的编辑功能。此种富文本编辑器已被不会编写HTML的用户所喜爱。其中,UEditor是由百度WEB前端研发部开发的所见即所得的开源富文本编辑器,因其具有轻量、可定制、用户体验优秀等特点,已在互联网公司产品广泛应用。
目前,现有的富文本编辑器的形式均是包含一个编辑栏与一个对应的工具栏。但在实际应用中,一个编辑栏是不足以满足实际需求的。当对一个页面进行文本编辑操作时,常常会需要多个编辑器,由于每一个编辑器对应了一个工具栏,这样导致操作界面非常的冗余。因此,如何生成一种既能保留多种工具栏功能,又能够使操作界面简洁化的富文本编辑器的方法,成为了域内亟待解决的问题。
发明内容
鉴于上述问题,本发明提供一种富文本编辑器的生成方法及装置,主要目的在于生成一种在能够保留多种不同功能的工具栏的同时使操作界面简洁化的富文本编辑器。
为解决上述技术问题,第一方面,本发明提供了一种富文本编辑器的生成方法,该方法包括:
获取多个第一富文本编辑器,所述第一富文本编辑器包括一个编辑栏与一个工具栏,所述编辑栏与所述工具栏一一对应;
将多个第一富文本编辑器的编辑栏设置在第二富文本编辑器的编辑栏中;
将多个第一富文本编辑器的工具栏隐藏设置在所述第二富文本编辑器的工具栏中;
当所述第一富文本编辑器的编辑栏处于编辑状态时,在所述第二富文本编辑器的工具栏中显示所述编辑栏对应的工具栏。
可选的,所述当所述第一富文本编辑器的编辑栏处于编辑状态时,在所述第二富文本编辑器的工具栏中显示所述编辑栏对应的工具栏包括:
为所述第一富文本编辑器绑定焦点事件,所述焦点事件用于当所述第一富文本编辑器中的编辑栏处于编辑状态时,显示对应的工具栏;
当光标位于第一富文本编辑器中的编辑栏时,触发所述第一富文本编辑器的焦点事件;
根据触发的所述焦点事件,在所述第二富文本编辑器的工具栏中将所述编辑栏对应的工具栏由隐藏调整为显示状态。
可选的,所述将多个第一富文本编辑器的工具栏隐藏设置在所述第二富文本编辑器的工具栏中包括:
在所述多个第一富文本编辑器的工具栏中确定高度最大的工具栏;
根据所述高度最大的工具栏的高度设定所述第二富文本编辑器的工具栏的高度,以确保所述第一富文本编辑器的工具栏不超出所述第二富文本编辑器的工具栏的范围;
将所述多个第一富文本编辑器的工具栏重叠设置在所述第二富文本编辑器的工具栏中;
修改所述多个第一富文本编辑器的工具栏的显示属性为隐藏状态。
可选的,所述将所述多个第一富文本编辑器的工具栏重叠设置在所述第二富文本编辑器的工具栏包括:
修改所述多个第一富文本编辑器的工具栏的定位属性,以便所述多个第一富文本编辑器的工具栏能够进行位移操作;
设定所述多个第一富文本编辑器的工具栏的位移范围,所述位移范围为所述第二富文本编辑器的工具栏所在的区域;
根据所述位移范围,通过位移操作将所述多个第一富文本编辑器的工具栏移动至所述位移范围中的顶部。
可选的,所述将多个第一富文本编辑器的编辑栏设置在第二富文本编辑器的编辑栏中包括:
确定所述第二富文本编辑器的编辑栏的高度;
在所述第二富文本编辑器的编辑栏的区域内设置多个编辑区域,所述编辑区域的宽度与所述第二富文本编辑器的编辑栏的宽度相同;
根据所述多个编辑区域,为所述多个第一富文本编辑器的编辑栏分配对应的编辑区域。
可选的,所述在所述第二富文本编辑器的编辑栏的区域内设置多个编辑区域包括:
根据所述多个第一富文本编辑器的编辑栏的数量,在所述第二富文本编辑器的编辑栏的区域内设置与所述多个第一富文本编辑器的编辑栏数量相同多个编辑区域;或者,
在所述第二富文本编辑器的编辑栏的区域内设置预置数量的编辑区域,所述预置数量是根据编辑需要在所述第二富文本编辑器中预先设定的。
第二方面,本发明还提供了一种富文本编辑器的生成装置,该装置包括:
获取单元,用于获取多个第一富文本编辑器,所述第一富文本编辑器包括一个编辑栏与一个工具栏,所述编辑栏与所述工具栏一一对应;
第一设置单元,用于将所述获取单元获取的多个第一富文本编辑器的编辑栏设置在第二富文本编辑器的编辑栏中;
第二设置单元,用于将述获取单元获取的多个第一富文本编辑器的工具栏隐藏设置在所述第二富文本编辑器的工具栏中;
显示单元,用于当所述第一设置单元设置的第一富文本编辑器的编辑栏处于编辑状态时,在所述第二设置单元设置的第二富文本编辑器的工具栏中显示所述编辑栏对应的工具栏。
可选的,所述显示单元包括:
绑定模块,用于为所述第一富文本编辑器绑定焦点事件,所述焦点事件用于当所述第一富文本编辑器中的编辑栏处于编辑状态时,显示对应的工具栏;
触发模块,用于当光标位于第一富文本编辑器中的编辑栏时,触发所述绑定模块绑定的第一富文本编辑器的焦点事件;
调整模块,用于根据所述触发模块触发的所述焦点事件,在所述第二富文本编辑器的工具栏中将所述编辑栏对应的工具栏由隐藏调整为显示状态。
可选的,所述第二设置单元包括:
确定模块,用于在所述多个第一富文本编辑器的工具栏中确定高度最大的工具栏;
设定模块,用于根据所述确定模块确定的高度最大的工具栏的高度设定所述第二富文本编辑器的工具栏的高度,以确保所述第一富文本编辑器的工具栏不超出所述第二富文本编辑器的工具栏的范围;
设置模块,用于将所述多个第一富文本编辑器的工具栏重叠设置在所述设定模块设定的第二富文本编辑器的工具栏中;
修改模块,用于修改所述设置模块设置后的多个第一富文本编辑器的工具栏的显示属性为隐藏状态。
可选的,所述设置模块包括:
修改子模块,用于修改所述多个第一富文本编辑器的工具栏的定位属性,以便所述多个第一富文本编辑器的工具栏能够进行位移操作;
设定子模块,用于设定所述多个第一富文本编辑器的工具栏的位移范围,所述位移范围为所述第二富文本编辑器的工具栏所在的区域;
位移子模块,用于根据所述设定子模块设定的位移范围,通过位移操作将所述修改子模块修改过的多个第一富文本编辑器的工具栏移动至所述位移范围中的顶部。
可选的,所述第一设置单元包括:
确定模块,用于确定所述第二富文本编辑器的编辑栏的高度;
设置模块,用于在所述确定模块确定的第二富文本编辑器的编辑栏的区域内设置多个编辑区域,所述编辑区域的宽度与所述第二富文本编辑器的编辑栏的宽度相同;
分配模块,用于根据所述设置模块设置的多个编辑区域,为所述多个第一富文本编辑器的编辑栏分配对应的编辑区域。
可选的,所述设置模块具体用于,根据所述多个第一富文本编辑器的编辑栏的数量,在所述第二富文本编辑器的编辑栏的区域内设置与所述多个第一富文本编辑器的编辑栏数量相同多个编辑区域;或者,
所述设置模块具体用于,在所述第二富文本编辑器的编辑栏的区域内设置预置数量的编辑区域,所述预置数量是根据编辑需要在所述第二富文本编辑器中预先设定的。
为了实现上述目的,根据本发明的第三方面,提供了一种存储介质,所述存储介质包括存储的程序,其中,在所述程序运行时控制所述存储介质所在设备执行上述所述的富文本编辑器的生成方法。
为了实现上述目的,根据本发明的第四方面,提供了一种处理器,所述处理器用于运行程序,其中,所述程序运行时执行上述所述的富文本编辑器的生成方法。
借由上述技术方案,本发明提供的富文本编辑器的生成方法及装置,对于现有技术在对一个页面进行文本编辑操作时,常常会需要多个编辑器对应的多个工具栏,进而导致操作界面非常冗余的问题,本发明在获取多个富文本编辑器后,通过将多个富文本编辑器的编辑栏设置在本发明待生成的富文本编辑器的编辑栏中,并将多个富文本编辑器的工具栏隐藏设置在待生成的富文本编辑器的工具栏中,实现了当富文本编辑器的编辑栏处于编辑状态时,只显示当前编辑栏对应的工具栏的效果,因此相比于现有技术,本发明通过将多个富文本编辑器的工具栏隐藏设置在待生成的富文本编辑器的工具栏中,并在当编辑栏处于编辑状态时显示所述编辑栏对应的工具栏,能够确保当编辑栏处于编辑状态时只显示当前编辑栏对应的工具栏的效果,从而解决了现有技术中因多个编辑栏开启时出现的多个工具栏,造成操作界面过于混乱和冗余,进而有效的简化了整体的操作界面。此外,根据本发明所提供的方法,能够避免在当多个工作栏出现在操作界面上时导致误操作的情况,从而减少误操作的概率。
上述说明仅是本发明技术方案的概述,为了能够更清楚了解本发明的技术手段,而可依照说明书的内容予以实施,并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂,以下特举本发明的具体实施方式。
附图说明
通过阅读下文优选实施方式的详细描述,各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的,而并不认为是对本发明的限制。而且在整个附图中,用相同的参考符号表示相同的部件。在附图中:
图1示出了本发明实施例提供的一种富文本编辑器的生成方法流程图;
图2示出了本发明实施例提供的另一种富文本编辑器的生成方法流程图;
图3示出了本发明实施例提供的一种富文本编辑器的生成装置的组成框图;
图4示出了本发明实施例提供的另一种富文本编辑器的生成装置的组成框图。
具体实施方式
下面将参照附图更详细地描述本发明的示例性实施例。虽然附图中显示了本发明的示例性实施例,然而应当理解,可以以各种形式实现本发明而不应被这里阐述的实施例所限制。相反,提供这些实施例是为了能够更透彻地理解本发明,并且能够将本发明的范围完整的传达给本领域的技术人员。
为了生成一种在能够保留多种不同功能的工具栏的同时使操作界面简洁化的富文本编辑器,本发明实施例提供了一种富文本编辑器的生成方法,如图1所示,该方法包括:
101、获取多个第一富文本编辑器。
其中,所述第一富文本编辑器包括一个编辑栏与一个工具栏,所述编辑栏与所述工具栏一一对应。
一般来说,富文本编辑器中都包含一个编辑栏和一个工具栏,二者一一对应。具体的,富文本编辑器的编辑栏为用于编辑网页代码的区域,其中的网页代码可以为HTML代码或其他代码;而对应的,在编辑网页代码时需要使用一些相关的工具,而这些工具则是在工具栏中进行选择的。由于在网页代码的编辑过程中,通常会需要使用很多不同种类编辑工具,而不同的工具所在的工具栏很可能是不同的。因此,需要在对网页代码进行编辑时需要打开很多富文本编辑器以使用不同工具栏中的工具。
由此,根据本步骤的方法,需要获取不同的工具栏对应的不同富文本编辑器,即本步骤所述的多个第一富文本编辑器。需要说明的是,本步骤所述的多个第一富文本编辑器之间的工具栏有可能是不同的,以满足在编辑网页代码时对不同功能的需求。具体的,富文本编辑器的获取,可以根据实际需要的功能来进行选择,在此不做具体的限定。
102、将多个第一富文本编辑器的编辑栏设置在第二富文本编辑器的编辑栏中。
由于本发明实施例的目的在于实现多个富文本编辑器功能的合成,因此在这个过程中同样需要将多个富文本编辑器的编辑栏进行整合操作,即本步骤所述的将多个第一富文本编辑器的编辑栏设置在第二富文本编辑器的编辑栏中。其中,本步骤具体可以为,首先将待生成的第二富文本编辑器的整体显示区域进行划分,得到用于设置所述多个第一富文本编辑器的编辑栏的区域;然后将多个第一富文本编辑器的编辑栏以平铺的方式设置在该区域内。当然,本步骤所述的将多个第一富文本编辑器的编辑栏以平铺的方式设置在所述第二富文本编辑器的编辑栏区域内的方法仅仅是本步骤所述的方法的实现方式的一种,还可以选择其他的设置方式,例如,可以将所述多个第一富文本编辑的编辑栏器叠加设置在所述第二富文本编辑器的编辑栏中;或者,将所述多个第一富文本编辑器的编辑栏以最小化的形式排列设置在所述多个所述第二富文本编辑器的编辑栏的侧面,在第二富文本编辑器的编辑栏中只显示其中的一个激活状态的第一富文本编辑器的编辑栏等等,因此,本步骤所述的方法的具体设置形式在此不做具体的限定,可以根据实际需要进行选取。
但需要说明的是,在将多个第一富文本编辑器的编辑栏设置在第二富文本编辑器的编辑栏中时,要确保所述第一富文本编辑器的编辑栏的范围不超过第二富文本编辑栏的边界。具体的,可以通过设定函数命令来进行相关参数的设置和确定,也可以选择其他方式来进行,在此不做限定,例如:当选择函数命令来执行本步骤所述的方法时,可以通过函数命令确定所述第二富文本编辑器中编辑栏的范围的大小并确定边界值,利用该边界值以及第一富文本编辑器编辑栏的大小,通过定位函数来确定所述第一富文本编辑器的编辑栏的位置,以确保在使用第二富文本编辑栏时,不会出现第一富文本编辑器的编辑栏超出第二富文本编辑器的编辑栏边界的情况,进而避免出现显示不全的问题。
103、将多个第一富文本编辑器的工具栏隐藏设置在所述第二富文本编辑器的工具栏中。
需要说明的是,本步骤103所述的方法与步骤102中所述的方法在逻辑上并没有先后的顺序。在本发明实施所述的方法中,首先执行步骤102,然后再执行步骤103仅仅是具体实现方式的一种。因此,在执行本发明实施例所述的方法时,步骤102与步骤103的先后顺序可以根据需要自行进行选取,在此不进行顺序上的限定。
因此,基于本发明实施例所述的方法,当执行了步骤102所述的关于编辑栏的设置后,在本步骤中将第一富文本编辑器的工具栏设置在第二富文本编辑器的工具栏中,具体的,在将多个第一富文本编辑器的工具栏设置在所述第二富文本编辑器的工具栏中时,需将所述多个第一富文本编辑器的工具栏进行隐藏设置,以确保在第二富文本编辑器中不会显示多个工具栏。其中在将多个第一富文本编辑器的工具栏设置在所述第二富文本编辑器的工具栏中时,可以首先在第二富文本编辑器中设定工具栏区域,然后在该区域中设置所述的第一富文本编辑器的工具栏。其中,设置的方式可以为叠加或者是平铺等方式中的任意一种,在此不做具体的限定,可以根据需要来进行设置。此外,本步骤所述的方法的具体实现方式,可以通过现有技术中设置的函数命令或编辑相应的编程代码等多种形式中的任一种来实现,在此不做赘述,可以根据需要选取具体的实现方式。
104、当所述第一富文本编辑器的编辑栏处于编辑状态时,在所述第二富文本编辑器的工具栏中显示所述编辑栏对应的工具栏。
如步骤101中所述,富文本编辑器的工具栏与编辑栏之间存在一一对应的关系,由于步骤103中已隐藏了所述第一富文本编辑器的工具栏,因此在本步骤中,当编辑栏处于编辑状态时,需要将该编辑栏对应的工具栏进行显示,以确保在该编辑栏中进行操作时,能够选取对应该编辑栏的工具栏中的工具。
例如,若第二富文本编辑器A中集成了第一富文本编辑器a、第一富文本编辑器b以及第一富文本编辑器c时,当第二富文本编辑器A中的第一富文本编辑器a的编辑栏处于编辑状态时,该第二富文本编辑器A中第一富文本编辑器a的工具栏由隐藏状态调整为可视状态并进行显示,而第一富文本编辑器b与第一富文本编辑器c的工具栏并不显示,仍为隐藏状态。
本发明实施例提供的富文本编辑器的生成方法,对于现有技术在对一个页面进行文本编辑操作时,常常会需要多个编辑器对应的多个工具栏,进而导致操作界面非常的冗余的问题,本发明实施例通过将多个富文本编辑器的工具栏隐藏设置在待生成的富文本编辑器的工具栏中,并在其中的第一文本编辑器的编辑栏处于编辑状态时显示所述编辑栏对应的工具栏,能够确保当所述编辑栏处于编辑状态时只显示当前编辑栏对应的工具栏的效果,从而解决了现有技术中因多个编辑栏开启时出现的多个工具栏,造成操作界面过于混乱和冗余的问题,进而有效的简化了整体的操作界面。此外,根据本发明实施例所提供的方法,能够避免在当多个工作栏出现在操作界面上时导致误操的情况,从而减少误操作的概率。
进一步的,作为对图1所示实施例的细化及扩展,本发明实施例还提供了另一种富文本编辑器的生成方法,如图2所示。
201、获取多个第一富文本编辑器。
在本发明实施例中,所述的第一富文本编辑器与前述实施例的步骤101中所述的第一富文本编辑器相同,在此不做赘述。
通常情况下,由于在对网页代码进行编辑时,需要使用很多不同富文本编辑器中不同工具栏中的多种不同的编辑工具。因此,在对网页代码进行编辑时需要打开多个富文本编辑器。
对此,根据本发明实施例所述的方法,在获取多个富文本编辑器之前,可以根据不同的编辑需要,由初始的富文本编辑器根据不同的功能生成不同的多个富文本编辑器,然后根据待生成的第二富文本编辑器所需的功能,在所述多个第一富文本编辑器对应的多个工具栏进行筛选,选择满足需要的工具栏所对应的富文本编辑器,然后根据本步骤所述的方法得到所述多个富文本编辑器。
具体的,基于代码的实现方式,本步骤还可以为:首先设置一个外容器用于存储本发明实施例述的第二富文本编辑器,然后在该外容器内生成多个富文本编辑器的容器,最后,通过一个包含空值的富文本编辑器生成不同的第一富文本编辑器,并带有对应该第一富文本编辑器的标签。其中,所述的外容器可以理解为一个块级元素,可以基于该外容器进行富文本编辑器的合成操作。此外,在生成不同的富文本编辑器时所同时生成的标签则用于后续其他步骤中的调用和控制。因此,基于代码的实现方式,所述的外容器的编程代码可以为:
<div class=“editor-container”></div>
此外,通过一个包含空值的富文本编辑器生成不同的富文本编辑器,并带有不同的标签的编程代码可以为:
根据本步骤所述的方法,可以通过生成带有多种不同功能的第一富文本编辑器,然后根据需要获取对应功能的工具栏对应的第一富文本编辑器,可以实现对待生成的富文本编辑器的功能的选择,即实现了对第二富文本编辑器功能的控制。
202、将多个第一富文本编辑器的编辑栏设置在第二富文本编辑器的编辑栏中。
具体的,根据本步骤所述的方法,在将所述第一富文本编辑器的编辑栏设置在第二富文本编辑器的编辑栏中时,具体的设置方式可以为水平、垂直或叠加等方式中的任意一种方式,实际的设置方式可以根据需要来进行选取,在此不进行限定。
由此,当选择将所述多个第一富文本编辑器的编辑栏垂直设置在所述第二富文本编辑器的编辑栏中时,基于该应用场景,本步骤具体可以包括:首先,确定所述第二富文本编辑器的编辑栏的高度;然后,在所述第二富文本编辑器的编辑栏的区域内设置多个编辑区域;最后,根据所述多个编辑区域,为所述多个第一富文本编辑器的编辑栏分配对应的编辑区域。其中,所述编辑区域的宽度与所述第二富文本编辑器的编辑栏的宽度相同。
具体的,本步骤所述的在所述第二富文本编辑器的编辑栏的区域内设置多个编辑区域,具体可以为:根据所述多个第一富文本编辑器的编辑栏的数量,在所述第二富文本编辑器的编辑栏的区域内设置与所述多个第一富文本编辑器的编辑栏数量相同的多个编辑区域;或者,在所述第二富文本编辑器的编辑栏的区域内设置预置数量的编辑区域,所述预置数量是根据编辑需要在所述第二富文本编辑器中预先设定的。
根据本步骤所述的方法,由于所述第一富文本编辑器的编辑栏在所述第二富文本编辑器的编辑栏中是垂直分布的,因此可以确定所述第二富文本编辑器的编辑区域的宽度与所述第一富文本编辑器的编辑栏的宽度相同,由此通过确定第二富文本编辑器的高度,可以判断当前的编辑区域中可以设置第一富文本编辑器的编辑栏的数量。在实际的操作中,第一富文本编辑器的编辑栏的显示高度可以根据需要来进行设置,所以本步骤中待生成的第二富文本编辑器中包含的编辑栏的数量实际上是可以根据需要来确定的。同时,在第二富文本编辑器的编辑栏的区域内设置多个编辑区域时,选择的设置数量可以基于所述的预置数量或第一富文本编辑器的编辑栏数量这两种情况来进行设置。本步骤所述的预置数量可以是在第二富文本编辑器生成时,通过人为设置的一个固定数值。因此,在对第二富文本编辑器的编辑栏的区域内设置多个编辑区域时,设定编辑区域数量的具体情况可以根据需要来进行选取。其中,当选择预置数量作为多个编辑区域的数量,且获取的第一富文本编辑器的数量大于所述预置数量时,则可以将获取的部分第一富文本编辑器的编辑栏进行编辑区域的分配,超过的数量则不进行分配。其中,可以将这些不分配编辑区域的第一富文本编辑器的编辑栏放置在已分配编辑区域的编辑栏下进行隐藏设置,但也可以选择其他的方式来设置这些不分配编辑区域的第一富文本编辑器的编辑栏,在此不做具体的限定。但需要说明的是,在将第一富文本编辑器的编辑栏设置在第二富文本编辑器的编辑栏中时,要保证编辑栏的大小满足正常操作。例如,可以通过获取函数获取到第一富文本编辑器的编辑栏中的字体大小以及行数,然后设置控制函数通过字体大小以及行数这两个参数来控制当前的编辑栏的尺寸,当然,也可以选择其他的方式来控制所述编辑栏的大小,在此不进行限定,可以根据需要来进行选取。
同时,在为多个第一富文本编辑器的编辑栏分配对应的编辑区域时,分配的方式可以随机分配,也可以根据所述第一富文本编辑器的编辑栏所需的范围大小,根据实际情况有次序的分配编辑区域,在此不做具体的限定,可以根据需要来进行设定。
具体的,基于代码的实现方式,本步骤中所述确定所述第二富文本编辑器的编辑栏的高度的具体实施方式可以为:
由此,根据本步骤的方法,通过对第一富文本编辑器的编辑栏进行编辑区域的分配,达到了将多个第一富文本编辑器的编辑栏整合到待生成的第二富文本编辑器的编辑栏的效果,从而实现了第二富文本编辑器的编辑栏的合成功能。
203、将多个第一富文本编辑器的工具栏隐藏设置在所述第二富文本编辑器的工具栏中。
需要说明的是,在本发明实施例中,所述步骤202与本步骤203之间并没有顺序之分,其顺序可以如本发明实施例所述的顺序先进行步骤202将多个第一富文本编辑器的编辑栏设置在第二富文本编辑器的编辑栏中,然后再执行本步骤203所述的方法;或者,先执行本步骤203所述的方法,然后再执行步骤202所述的方法。具体的顺序可以根据实际情况来进行选择,在此不做具体的限定。
因此,根据本发明实施例所述的顺序,当执行了步骤202中所述的编辑栏设置方式之后,根据本步骤所述的方法,在将所述多个富文本编辑器的工具栏隐藏设置所述第二富文本编辑器的工具栏中时,选择的设置方式可以将所述多个第一富文本编辑器的工具栏以平铺、垂直或叠加等不同方式设置在所述第二富文本编辑器的工具栏的区域中。具体的可以根据实际情况进行确定,在此不做限定。
由此,当选择将所述多个第一富文本编辑器的工具栏叠加设置在所述第二富文本编辑器的工具栏的区域时,根据本步骤所述的具体方法,首先确定多个第一富文本编辑器的工具栏中高度最大的一个,然后以此工具栏的高度设定第二富文本编辑器的工具栏高度,这样可以确保当第一富文本编辑器的工具栏在整合到第二富文本编辑器设定的工具栏区域后不会超过该第二富文本编辑器的工具栏的边界。随后,由于第一富文本编辑器的工具栏的数量是多个,而第二富文本编辑器设定的工具栏区域可能无法将所述工具栏平铺在其中,同时本发明实施例所述的方法其构思核心也在于使界面简洁化,因此在本步骤中需要将多个第一富文本编辑器的工具栏重叠放置与所述第二富文本编辑的工具栏的区域内。最后,再将该第二富文本编辑器的工具栏区域内的第一富文本编辑器全部设置成隐藏状态。需要说明的是,本步骤的实现方式可以选择现有技术中的函数或代码来执行具体的步骤,具体情况可以根据需要进行选择,在此不做限定。
此外,本步骤所述的将多个第一富文本编辑器的工具栏重叠设置在所述第二富文本编辑器的工具栏中,具体可以包括:首先,修改所述多个第一富文本编辑器的工具栏的定位属性;然后,设定多个第一富文本编辑器的工具栏的位移范围;最后,根据位移范围,通过位移操作将多个第一富文本编辑器的工具栏移动至位移范围中的顶部。
一般来说,本步骤中所述的多个第一富文本编辑器的工具栏的定位属性通常都是在第一富文本编辑器中已设定好的,为固定位置状态,以防止在使用第一富文本编辑器过程中出现工具栏位置变化的情况。因此,在本步骤中可以通过设定编程代码来修改所述工具栏的定位属性。其中,具体用于修改定位属性的编程代码可以根据需要来进行选取,在此不做具体的限定。此外,在本步骤中设定多个富文本编辑器的工具栏的位移范围同样可以根据编程代码或函数指令来实现。同时,对于本步骤所述的修改所述工具栏的定位属性,以及设定所述工具栏的位移范围这两个步骤,在此并不限定先后顺序,可根据实际需要确定。由此,通过修改所述工具栏的定位属性,可以实现对工具栏的位移操作,同时,确定了位移操作的范围可以确保不会使工具栏在进行位移操作时不会移动至第二富文本编辑器的工具栏区域外。此外,在本步骤中用于位进行移操作的具体实现方式,可以通过现有技术来进行,在此不做赘述,可根据实际情况进行选取。
具体的,基于编程代码,上述步骤中所述的修改所述多个第一富文本编辑器的工具栏的定位属性,以及设定多个第一富文本编辑器的工具栏的位移范围,这两个步骤的具体实现方式可以如下所示:
204、当所述第一富文本编辑器的编辑栏处于编辑状态时,在所述第二富文本编辑器的工具栏中显示所述编辑栏对应的工具栏。
具体的,本步骤可以包括:首先,为第一富文本编辑器绑定焦点事件;然后,当光标位于第一富文本编辑器中的编辑栏时,触发所述第一富文本编辑器的焦点事件;最后根据触发的所述焦点事件,在所述第二富文本编辑器的工具栏中将所述编辑栏对应的工具栏由隐藏调整为显示状态。
其中,本步骤所述的焦点事件用于当所述第一富文本编辑器中的编辑栏处于编辑状态时,显示对应的工具栏。而焦点事件是需要当该焦点事件绑定的编辑栏内存在编辑的光标时触发的。因此,根据本步骤所述的方法,当光标处于编辑栏之中时,该编辑栏对应的工具栏就会从之前步骤203中所述的隐藏状态,显示出来,具体的显示位置如同步骤203所述,在所述第二富文本编辑器的工具栏位置,即为实际使用中第二富文本编辑器的顶部。而其他编辑栏中由于不存在光标,因此对应所述其他编辑栏的工具栏仍为步骤203所述的隐藏状态,不进行显示。因此,所述第二富文本编辑器在进行编辑时,只有光标所在的编辑栏对应的那个工具栏是显示状态。
此外,当任何编辑栏中都不存在光标时,可以设定一个默认显示的工具栏,即当第二富文本编辑器在开始打开时,会显示一个初始的工具栏,其中默认显示的工具栏,即显示的初始的工具栏可以根据需要自行选取,在此不做限定。
具体的,基于编程代码,本步骤所述的具体实施方式可以为:
根据本步骤所述的方法,通过利用绑定的焦点事件来控制编辑栏对应工具栏的显示,可以实现在编辑栏操作时只显示对应的工具栏的效果,解决了现有技术的显示多个工具栏所造成了界面混乱的问题,同时能够减少因操作界面上显示多个工具栏可能造成误操作的概率。
此外,需要说明的是,在本发明实施例中所述步骤201至步骤204中所述的基于代码的具体实现方式仅仅是示例性的,所述的编程代码的种类及其形成的具体程序指令仅作为本发明实施例所述方法的具体实现方式之一,在此不做限定。因此,在实现本发明实施例所述的方法时,选取编程代码的种类和代码所形成的具体指令程序可以根据实际情况及具体需要自行进行选取。
进一步的,作为对上述图1所示方法的实现,本发明实施例还提供了一种富文本编辑器的生成装置,用于对上述图1所示的方法进行实现。该装置实施例与前述方法实施例对应,为便于阅读,本装置实施例不再对前述方法实施例中的细节内容进行逐一赘述,但应当明确,本实施例中的装置能够对应实现前述方法实施例中的全部内容。如图3所示,该装置包括:获取单元31、第一设置单元32、第二设置单元33、显示单元34,其中
获取单元31,可以用于获取多个第一富文本编辑器,所述第一富文本编辑器包括一个编辑栏与一个工具栏,所述编辑栏与所述工具栏一一对应。
第一设置单元32,可以用于将所述获取单元31获取的多个第一富文本编辑器的编辑栏设置在第二富文本编辑器的编辑栏中。
第二设置单元33,可以用于将述获取单元31获取的多个第一富文本编辑器的工具栏隐藏设置在所述第二富文本编辑器的工具栏中。
显示单元34,可以用于当所述第一设置单元32设置的第一富文本编辑器的编辑栏处于编辑状态时,在所述第二设置单元33设置的第二富文本编辑器的工具栏中显示所述编辑栏对应的工具栏。
进一步的,作为对上述图2所示方法的实现,本发明实施例还提供了另一种富文本编辑器的生成装置,用于对上述图2所示的方法进行实现。该装置实施例与前述方法实施例对应,为便于阅读,本装置实施例不再对前述方法实施例中的细节内容进行逐一赘述,但应当明确,本实施例中的装置能够对应实现前述方法实施例中的全部内容。如图4所示,该装置包括:获取单元41、第一设置单元42、第二设置单元43、显示单元44,其中
获取单元41,可以用于获取多个第一富文本编辑器,所述第一富文本编辑器包括一个编辑栏与一个工具栏,所述编辑栏与所述工具栏一一对应。
第一设置单元42,可以用于将所述获取单元41获取的多个第一富文本编辑器的编辑栏设置在第二富文本编辑器的编辑栏中。
第二设置单元43,可以用于将述获取单元41获取的多个第一富文本编辑器的工具栏隐藏设置在所述第二富文本编辑器的工具栏中。
显示单元44,可以用于当所述第一设置单元42设置的第一富文本编辑器的编辑栏处于编辑状态时,在所述第二设置单元43设置的第二富文本编辑器的工具栏中显示所述编辑栏对应的工具栏。
进一步的,所述显示单元44包括:
绑定模块441,可以用于为所述第一富文本编辑器绑定焦点事件,所述焦点事件用于当所述第一富文本编辑器中的编辑栏处于编辑状态时,显示对应的工具栏。
触发模块442,可以用于当光标位于第一富文本编辑器中的编辑栏时,触发所述绑定模块441绑定的第一富文本编辑器的焦点事件。
调整模块443,可以用于根据所述触发模块442触发的所述焦点事件,在所述第二富文本编辑器的工具栏中将所述编辑栏对应的工具栏由隐藏调整为显示状态。
进一步的,所述第二设置单元43包括:
确定模块431,可以用于在所述多个第一富文本编辑器的工具栏中确定高度最大的工具栏。
设定模块432,可以用于根据所述确定模块431确定的高度最大的工具栏的高度设定所述第二富文本编辑器的工具栏的高度,以确保所述第一富文本编辑器的工具栏不超出所述第二富文本编辑器的工具栏的范围。
设置模块433,可以用于将所述多个第一富文本编辑器的工具栏重叠设置在所述设定模块432设定的第二富文本编辑器的工具栏中。
修改模块434,可以用于修改所述设置模块433设置后的多个第一富文本编辑器的工具栏的显示属性为隐藏状态。
进一步的,所述设置模块433包括:
修改子模块4331,可以用于修改所述多个第一富文本编辑器的工具栏的定位属性,以便所述多个第一富文本编辑器的工具栏能够进行位移操作;
设定子模块4332,可以用于设定所述多个第一富文本编辑器的工具栏的位移范围,所述位移范围为所述第二富文本编辑器的工具栏所在的区域;
位移子模块4333,可以用于根据所述设定子模块4332设定的位移范围,通过位移操作将所述修改子模块4331修改过的多个第一富文本编辑器的工具栏移动至所述位移范围中的顶部。
进一步的,所述第一设置单元42包括:
确定模块421,可以用于确定所述第二富文本编辑器的编辑栏的高度。
设置模块422,可以用于在所述确定模块421确定的第二富文本编辑器的编辑栏的区域内设置多个编辑区域,所述编辑区域的宽度与所述第二富文本编辑器的编辑栏的宽度相同。
分配模块423,可以用于根据所述设置模块422设置的多个编辑区域,为所述多个第一富文本编辑器的编辑栏分配对应的编辑区域。
进一步的,所述设置模块422可以具体用于,根据所述多个第一富文本编辑器的编辑栏的数量,在所述第二富文本编辑器的编辑栏的区域内设置与所述多个第一富文本编辑器的编辑栏数量相同多个编辑区域。或者,
所述设置模块422可以具体用于,在所述第二富文本编辑器的编辑栏的区域内设置预置数量的编辑区域,所述预置数量是根据编辑需要在所述第二富文本编辑器中预先设定的。
借由上述技术方案,本发明实施例提供的一种富文本编辑器的生成方法及装置,对于现有技术在对一个页面进行文本编辑操作时,常常会需要多个编辑器对应的多个工具栏,进而导致操作界面非常冗余的问题,本发明实施例通过将多个第一富文本编辑器的工具栏隐藏设置在待生成的第二富文本编辑器的工具栏中,并在当第一富文本编辑器的编辑栏处于编辑状态时显示所述编辑栏对应的工具栏,能够确保当第一富文本编辑器的编辑栏处于编辑状态时只显示当前编辑栏对应的工具栏的效果,从而解决了现有技术中因多个编辑栏开启时出现多个工具栏,造成操作界面过于混乱和冗余的问题,进而有效的简化了整体的操作界面。此外,通过对第一富文本编辑器的编辑栏进行编辑区域的分配,达到了将多个第一富文本编辑器的编辑栏整合到待生成的第二富文本编辑器的编辑栏的效果,从而实现了第二富文本编辑器的编辑栏的合成功能。进一步的,通过将多个第一富文本编辑器中工具栏的最大高度来确定第二富文本编辑器的工具栏范围,并将所述第一富文本编辑器的工具栏进行重叠放置,可以确保不会出现第一富文本编辑器中的工具栏超出第二富文本编辑器的工具栏边界的情况,进而避免了工具栏的显示出现异常,同时通过修改第一富文本工具栏的位移属性并确定位移范围,能够确保所述第一富文本编辑器的工具栏在向所述第二富文本编辑器的工具栏范围移动并不超出第二富文本编辑器工具栏的边界。并且,通过修改第一富文本编辑器的工具栏的显示属性,可以达到对应的工具栏变为隐藏状态的效果。另外,通过利用绑定的焦点事件来控制编辑栏对应工具栏的显示,可以实现在不同的编辑栏操作时只显示对应的工具栏的效果,进而有效的解决了现有技术的显示多个工具栏所造成了界面混乱的问题,同时能够减少因操作界面上显示多个工具栏可能造成误操作的概率。
所述文本处理装置包括处理器和存储器,上述获取单元、第一设置单元、第二设置单元以及显示单元均存储在存储器中,由处理器执行存储在存储器中的上述程序单元来实现相应的功能。
处理器中包含内核,由内核去存储器中调取相应的程序单元。内核可以设置一个或以上,通过调整内核参数来生成一种在能够保留多种不同功能的工具栏的同时使操作界面简洁化的富文本编辑器。
存储器可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(flash RAM),存储器包括至少一个存储芯片。
本发明实施例提供了一种存储介质,其上存储有程序,该程序被处理器执行时实现所述富文本编辑器的生成方法。
本发明实施例提供了一种处理器,所述处理器用于运行程序,其中,所述程序运行时执行所述富文本编辑器的生成方法。
本发明实施例提供了一种设备,设备包括处理器、存储器及存储在存储器上并可在处理器上运行的程序,处理器执行程序时实现以下步骤:获取多个第一富文本编辑器,所述第一富文本编辑器包括一个编辑栏与一个工具栏,所述编辑栏与所述工具栏一一对应;将多个第一富文本编辑器的编辑栏设置在第二富文本编辑器的编辑栏中;将多个第一富文本编辑器的工具栏隐藏设置在所述第二富文本编辑器的工具栏中;当所述第一富文本编辑器的编辑栏处于编辑状态时,在所述第二富文本编辑器的工具栏中显示所述编辑栏对应的工具栏。
进一步的,所述当所述第一富文本编辑器的编辑栏处于编辑状态时,在所述第二富文本编辑器的工具栏中显示所述编辑栏对应的工具栏包括:
为所述第一富文本编辑器绑定焦点事件,所述焦点事件用于当所述第一富文本编辑器中的编辑栏处于编辑状态时,显示对应的工具栏;
当光标位于第一富文本编辑器中的编辑栏时,触发所述第一富文本编辑器的焦点事件;
根据触发的所述焦点事件,在所述第二富文本编辑器的工具栏中将所述编辑栏对应的工具栏由隐藏调整为显示状态。
进一步的,所述将多个第一富文本编辑器的工具栏隐藏设置在所述第二富文本编辑器的工具栏中包括:
在所述多个第一富文本编辑器的工具栏中确定高度最大的工具栏;
根据所述高度最大的工具栏的高度设定所述第二富文本编辑器的工具栏的高度,以确保所述第一富文本编辑器的工具栏不超出所述第二富文本编辑器的工具栏的范围;
将所述多个第一富文本编辑器的工具栏重叠设置在所述第二富文本编辑器的工具栏中;
修改所述多个第一富文本编辑器的工具栏的显示属性为隐藏状态。
进一步的,所述将所述多个第一富文本编辑器的工具栏重叠设置在所述第二富文本编辑器的工具栏包括:
修改所述多个第一富文本编辑器的工具栏的定位属性,以便所述多个第一富文本编辑器的工具栏能够进行位移操作;
设定所述多个第一富文本编辑器的工具栏的位移范围,所述位移范围为所述第二富文本编辑器的工具栏所在的区域;
根据所述位移范围,通过位移操作将所述多个第一富文本编辑器的工具栏移动至所述位移范围中的顶部。
进一步的,所述将多个第一富文本编辑器的编辑栏设置在第二富文本编辑器的编辑栏中包括:
确定所述第二富文本编辑器的编辑栏的高度;
在所述第二富文本编辑器的编辑栏的区域内设置多个编辑区域,所述编辑区域的宽度与所述第二富文本编辑器的编辑栏的宽度相同;
根据所述多个编辑区域,为所述多个第一富文本编辑器的编辑栏分配对应的编辑区域。
进一步的,所述在所述第二富文本编辑器的编辑栏的区域内设置多个编辑区域包括:
根据所述多个第一富文本编辑器的编辑栏的数量,在所述第二富文本编辑器的编辑栏的区域内设置与所述多个第一富文本编辑器的编辑栏数量相同多个编辑区域;或者,
在所述第二富文本编辑器的编辑栏的区域内设置预置数量的编辑区域,所述预置数量是根据编辑需要在所述第二富文本编辑器中预先设定的。
本发明实施例中的设备可以是服务器、PC、PAD、手机等。
本发明实施例还提供了一种计算机程序产品,当在数据处理设备上执行时,适于执行初始化有如下方法步骤的程序:获取多个第一富文本编辑器,所述第一富文本编辑器包括一个编辑栏与一个工具栏,所述编辑栏与所述工具栏一一对应;将多个第一富文本编辑器的编辑栏设置在第二富文本编辑器的编辑栏中;将多个第一富文本编辑器的工具栏隐藏设置在所述第二富文本编辑器的工具栏中;当所述第一富文本编辑器的编辑栏处于编辑状态时,在所述第二富文本编辑器的工具栏中显示所述编辑栏对应的工具栏。
进一步的,所述当所述第一富文本编辑器的编辑栏处于编辑状态时,在所述第二富文本编辑器的工具栏中显示所述编辑栏对应的工具栏包括:
为所述第一富文本编辑器绑定焦点事件,所述焦点事件用于当所述第一富文本编辑器中的编辑栏处于编辑状态时,显示对应的工具栏;
当光标位于第一富文本编辑器中的编辑栏时,触发所述第一富文本编辑器的焦点事件;
根据触发的所述焦点事件,在所述第二富文本编辑器的工具栏中将所述编辑栏对应的工具栏由隐藏调整为显示状态。
进一步的,所述将多个第一富文本编辑器的工具栏隐藏设置在所述第二富文本编辑器的工具栏中包括:
在所述多个第一富文本编辑器的工具栏中确定高度最大的工具栏;
根据所述高度最大的工具栏的高度设定所述第二富文本编辑器的工具栏的高度,以确保所述第一富文本编辑器的工具栏不超出所述第二富文本编辑器的工具栏的范围;
将所述多个第一富文本编辑器的工具栏重叠设置在所述第二富文本编辑器的工具栏中;
修改所述多个第一富文本编辑器的工具栏的显示属性为隐藏状态。
进一步的,所述将所述多个第一富文本编辑器的工具栏重叠设置在所述第二富文本编辑器的工具栏包括:
修改所述多个第一富文本编辑器的工具栏的定位属性,以便所述多个第一富文本编辑器的工具栏能够进行位移操作;
设定所述多个第一富文本编辑器的工具栏的位移范围,所述位移范围为所述第二富文本编辑器的工具栏所在的区域;
根据所述位移范围,通过位移操作将所述多个第一富文本编辑器的工具栏移动至所述位移范围中的顶部。
进一步的,所述将多个第一富文本编辑器的编辑栏设置在第二富文本编辑器的编辑栏中包括:
确定所述第二富文本编辑器的编辑栏的高度;
在所述第二富文本编辑器的编辑栏的区域内设置多个编辑区域,所述编辑区域的宽度与所述第二富文本编辑器的编辑栏的宽度相同;
根据所述多个编辑区域,为所述多个第一富文本编辑器的编辑栏分配对应的编辑区域。
进一步的,所述在所述第二富文本编辑器的编辑栏的区域内设置多个编辑区域包括:
根据所述多个第一富文本编辑器的编辑栏的数量,在所述第二富文本编辑器的编辑栏的区域内设置与所述多个第一富文本编辑器的编辑栏数量相同多个编辑区域;或者,
在所述第二富文本编辑器的编辑栏的区域内设置预置数量的编辑区域,所述预置数量是根据编辑需要在所述第二富文本编辑器中预先设定的。
本领域内的技术人员应明白,本申请的实施例可提供为方法、***、或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本申请是参照根据本申请实施例的方法、设备(***)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上,使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
在一个典型的配置中,计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。
存储器可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(flash RAM)。存储器是计算机可读介质的示例。
计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括,但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带,磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质,可用于存储可以被计算设备访问的信息。按照本文中的界定,计算机可读介质不包括暂存电脑可读媒体(transitory media),如调制的数据信号和载波。
还需要说明的是,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括要素的过程、方法、商品或者设备中还存在另外的相同要素。
本领域技术人员应明白,本申请的实施例可提供为方法、***或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
以上仅为本申请的实施例而已,并不用于限制本申请。对于本领域技术人员来说,本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等,均应包含在本申请的权利要求范围之内。
Claims (10)
1.一种富文本编辑器的生成方法,其特征在于,所述方法包括:
获取多个第一富文本编辑器,所述第一富文本编辑器包括一个编辑栏与一个工具栏,所述编辑栏与所述工具栏一一对应;
将多个第一富文本编辑器的编辑栏设置在第二富文本编辑器的编辑栏中;
将多个第一富文本编辑器的工具栏隐藏设置在所述第二富文本编辑器的工具栏中;
当所述第一富文本编辑器的编辑栏处于编辑状态时,在所述第二富文本编辑器的工具栏中显示所述编辑栏对应的工具栏。
2.根据权利要求1所述的方法,其特征在于,所述当所述第一富文本编辑器的编辑栏处于编辑状态时,在所述第二富文本编辑器的工具栏中显示所述编辑栏对应的工具栏包括:
为所述第一富文本编辑器绑定焦点事件,所述焦点事件用于当所述第一富文本编辑器中的编辑栏处于编辑状态时,显示对应的工具栏;
当光标位于第一富文本编辑器中的编辑栏时,触发所述第一富文本编辑器的焦点事件;
根据触发的所述焦点事件,在所述第二富文本编辑器的工具栏中将所述编辑栏对应的工具栏由隐藏调整为显示状态。
3.据权利要求1所述的方法,其特征在于,所述将多个第一富文本编辑器的工具栏隐藏设置在所述第二富文本编辑器的工具栏中包括:
在所述多个第一富文本编辑器的工具栏中确定高度最大的工具栏;
根据所述高度最大的工具栏的高度设定所述第二富文本编辑器的工具栏的高度,以确保所述第一富文本编辑器的工具栏不超出所述第二富文本编辑器的工具栏的范围;
将所述多个第一富文本编辑器的工具栏重叠设置在所述第二富文本编辑器的工具栏中;
修改所述多个第一富文本编辑器的工具栏的显示属性为隐藏状态。
4.根据权利要求3所述的方法,其特征在于,所述将所述多个第一富文本编辑器的工具栏重叠设置在所述第二富文本编辑器的工具栏中包括:
修改所述多个第一富文本编辑器的工具栏的定位属性,以便所述多个第一富文本编辑器的工具栏能够进行位移操作;
设定所述多个第一富文本编辑器的工具栏的位移范围,所述位移范围为所述第二富文本编辑器的工具栏所在的区域;
根据所述位移范围,通过位移操作将所述多个第一富文本编辑器的工具栏移动至所述位移范围中的顶部。
5.根据权利要求1所述的方法,其特征在于,所述将多个第一富文本编辑器的编辑栏设置在第二富文本编辑器的编辑栏中包括:
确定所述第二富文本编辑器的编辑栏的高度;
在所述第二富文本编辑器的编辑栏的区域内设置多个编辑区域,所述编辑区域的宽度与所述第二富文本编辑器的编辑栏的宽度相同;
根据所述多个编辑区域,为所述多个第一富文本编辑器的编辑栏分配对应的编辑区域。
6.根据权利要求5所述的方法,其特征在于,所述在所述第二富文本编辑器的编辑栏的区域内设置多个编辑区域包括:
根据所述多个第一富文本编辑器的编辑栏的数量,在所述第二富文本编辑器的编辑栏的区域内设置与所述多个第一富文本编辑器的编辑栏数量相同多个编辑区域;或者,
在所述第二富文本编辑器的编辑栏的区域内设置预置数量的编辑区域,所述预置数量是根据编辑需要在所述第二富文本编辑器中预先设定的。
7.一种富文本编辑器的生成装置,其特征在于,所述装置包括:
获取单元,用于获取多个第一富文本编辑器,所述第一富文本编辑器包括一个编辑栏与一个工具栏,所述编辑栏与所述工具栏一一对应;
第一设置单元,用于将所述获取单元获取的多个第一富文本编辑器的编辑栏设置在第二富文本编辑器的编辑栏中;
第二设置单元,用于将述获取单元获取的多个第一富文本编辑器的工具栏隐藏设置在所述第二富文本编辑器的工具栏中;
显示单元,用于当所述第一设置单元设置的第一富文本编辑器的编辑栏处于编辑状态时,在所述第二设置单元设置的第二富文本编辑器的工具栏中显示所述编辑栏对应的工具栏。
8.根据权利要求7所述的装置,其特征在于,所述显示单元包括:
绑定模块,用于为所述第一富文本编辑器绑定焦点事件,所述焦点事件用于当所述第一富文本编辑器中的编辑栏处于编辑状态时,显示对应的工具栏;
触发模块,用于当光标位于第一富文本编辑器中的编辑栏时,触发所述绑定模块绑定的第一富文本编辑器的焦点事件;
调整模块,用于根据所述触发模块触发的所述焦点事件,在所述第二富文本编辑器的工具栏中将所述编辑栏对应的工具栏由隐藏调整为显示状态。
9.一种存储介质,其特征在于,所述存储介质包括存储的程序,其中,在所述程序运行时控制所述存储介质所在设备执行权利要求1至权利要求6中任意一项所述的富文本编辑器的生成方法。
10.一种处理器,其特征在于,所述处理器用于运行程序,其中,所述程序运行时执行权利要求1至权利要求6中任意一项所述的富文本编辑器的生成方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710612710.3A CN109299444B (zh) | 2017-07-25 | 2017-07-25 | 一种富文本编辑器的生成方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710612710.3A CN109299444B (zh) | 2017-07-25 | 2017-07-25 | 一种富文本编辑器的生成方法及装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN109299444A true CN109299444A (zh) | 2019-02-01 |
CN109299444B CN109299444B (zh) | 2023-06-30 |
Family
ID=65167385
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201710612710.3A Active CN109299444B (zh) | 2017-07-25 | 2017-07-25 | 一种富文本编辑器的生成方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN109299444B (zh) |
Cited By (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111241793A (zh) * | 2020-02-17 | 2020-06-05 | 湖南快乐阳光互动娱乐传媒有限公司 | 解析富文本编辑器内容给原生客户端渲染的方法、***及介质 |
CN111914528A (zh) * | 2020-06-19 | 2020-11-10 | 北京百度网讯科技有限公司 | 内容编辑方法、编辑器的生成方法及其装置、设备和介质 |
CN113177391A (zh) * | 2021-05-28 | 2021-07-27 | 掌阅科技股份有限公司 | 在流式界面中操作光标重定向方法、计算设备及存储介质 |
CN113255301A (zh) * | 2021-06-10 | 2021-08-13 | 平安国际智慧城市科技股份有限公司 | 网页文本编辑方法、装置、终端设备及存储介质 |
CN114547519A (zh) * | 2022-02-24 | 2022-05-27 | 京东方数字科技有限公司 | 页面编辑方法、装置、电子设备和可读存储介质 |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20060200777A1 (en) * | 2005-03-04 | 2006-09-07 | Microsoft Corporation | Method and system for changing visual states of a toolbar |
US20080104505A1 (en) * | 2006-10-27 | 2008-05-01 | Keohane Susann M | Method, System and Program Product Supporting Customized Presentation of Toolbars Within a Document |
CN103034700A (zh) * | 2012-12-05 | 2013-04-10 | 北京奇虎科技有限公司 | 富文本内容的处理方法及*** |
CN103279559A (zh) * | 2013-06-13 | 2013-09-04 | 北京神鹰城讯科技有限公司 | 基于安卓***的富文本编辑方法及富文本编辑器 |
CN106951152A (zh) * | 2016-01-07 | 2017-07-14 | 阿里巴巴集团控股有限公司 | 标签栏的控制方法和装置 |
-
2017
- 2017-07-25 CN CN201710612710.3A patent/CN109299444B/zh active Active
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20060200777A1 (en) * | 2005-03-04 | 2006-09-07 | Microsoft Corporation | Method and system for changing visual states of a toolbar |
US20080104505A1 (en) * | 2006-10-27 | 2008-05-01 | Keohane Susann M | Method, System and Program Product Supporting Customized Presentation of Toolbars Within a Document |
CN103034700A (zh) * | 2012-12-05 | 2013-04-10 | 北京奇虎科技有限公司 | 富文本内容的处理方法及*** |
CN103279559A (zh) * | 2013-06-13 | 2013-09-04 | 北京神鹰城讯科技有限公司 | 基于安卓***的富文本编辑方法及富文本编辑器 |
CN106951152A (zh) * | 2016-01-07 | 2017-07-14 | 阿里巴巴集团控股有限公司 | 标签栏的控制方法和装置 |
Cited By (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111241793A (zh) * | 2020-02-17 | 2020-06-05 | 湖南快乐阳光互动娱乐传媒有限公司 | 解析富文本编辑器内容给原生客户端渲染的方法、***及介质 |
CN111241793B (zh) * | 2020-02-17 | 2023-12-08 | 湖南快乐阳光互动娱乐传媒有限公司 | 解析富文本编辑器内容给原生客户端渲染的方法、***及介质 |
CN111914528A (zh) * | 2020-06-19 | 2020-11-10 | 北京百度网讯科技有限公司 | 内容编辑方法、编辑器的生成方法及其装置、设备和介质 |
CN111914528B (zh) * | 2020-06-19 | 2024-02-23 | 北京百度网讯科技有限公司 | 内容编辑方法、编辑器的生成方法及其装置、设备和介质 |
CN113177391A (zh) * | 2021-05-28 | 2021-07-27 | 掌阅科技股份有限公司 | 在流式界面中操作光标重定向方法、计算设备及存储介质 |
CN113177391B (zh) * | 2021-05-28 | 2021-11-19 | 掌阅科技股份有限公司 | 在流式界面中操作光标重定向方法、计算设备及存储介质 |
CN113255301A (zh) * | 2021-06-10 | 2021-08-13 | 平安国际智慧城市科技股份有限公司 | 网页文本编辑方法、装置、终端设备及存储介质 |
CN114547519A (zh) * | 2022-02-24 | 2022-05-27 | 京东方数字科技有限公司 | 页面编辑方法、装置、电子设备和可读存储介质 |
Also Published As
Publication number | Publication date |
---|---|
CN109299444B (zh) | 2023-06-30 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN109299444A (zh) | 一种富文本编辑器的生成方法及装置 | |
CN110058856A (zh) | 页面配置方法及装置 | |
JP4651329B2 (ja) | 表示画面上に視覚化グラフを提供する方法、それを提供するコンピュータ、そのコンピュータプログラム、及びその記憶媒体 | |
CN107463367A (zh) | 转场动画实现方法及装置 | |
AU2008305452B2 (en) | Animating objects using a declarative animation scheme | |
US7945863B1 (en) | Localized exploded view | |
CN109460540A (zh) | 一种表格分页显示方法及装置 | |
CN104517044B (zh) | 一种防止二进制文件被反编译的方法和装置 | |
CN109947857A (zh) | 数据展示方法和装置、存储介质、处理器 | |
CN110020353A (zh) | 网页表单的构建方法及装置 | |
CN104142776A (zh) | 一种图标处理方法及装置 | |
CN107450904A (zh) | 标题栏的绘制方法和装置 | |
CN107977577A (zh) | 访存指令访问检测方法及装置 | |
CN108874379B (zh) | 页面的处理方法及装置 | |
CN110020291A (zh) | 网页布局的处理方法及装置 | |
CN110020298A (zh) | 参数展示方法和装置 | |
US8566813B2 (en) | Method and system generating execution file system device | |
CN104156209B (zh) | 跨平台应用界面建模方法及装置 | |
CN112560403A (zh) | 文本的处理方法及装置、电子设备 | |
CN106126031A (zh) | 一种文字输入的方法及终端 | |
CN109886647A (zh) | 采购业务功能模块管理方法、装置、设备及存储介质 | |
CN107818000A (zh) | 一种页面表格的操作方法及装置 | |
Vanderdonckt et al. | Cloud menus: A circular adaptive menu for small screens | |
CN109189537A (zh) | 页面信息的动态显示方法、计算设备及计算机存储介质 | |
CN109086362A (zh) | 多模块项目的管理方法 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
CB02 | Change of applicant information | ||
CB02 | Change of applicant information |
Address after: 100083 No. 401, 4th Floor, Haitai Building, 229 North Fourth Ring Road, Haidian District, Beijing Applicant after: BEIJING GRIDSUM TECHNOLOGY Co.,Ltd. Address before: 100086 Cuigong Hotel, 76 Zhichun Road, Shuangyushu District, Haidian District, Beijing Applicant before: BEIJING GRIDSUM TECHNOLOGY Co.,Ltd. |
|
GR01 | Patent grant | ||
GR01 | Patent grant |