CN112580300A - 文本标记方法、装置、存储介质及计算机设备 - Google Patents
文本标记方法、装置、存储介质及计算机设备 Download PDFInfo
- Publication number
- CN112580300A CN112580300A CN202011626813.3A CN202011626813A CN112580300A CN 112580300 A CN112580300 A CN 112580300A CN 202011626813 A CN202011626813 A CN 202011626813A CN 112580300 A CN112580300 A CN 112580300A
- Authority
- CN
- China
- Prior art keywords
- text
- marked
- marking
- page
- preset
- 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.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 30
- 238000009877 rendering Methods 0.000 claims abstract description 38
- 230000006870 function Effects 0.000 claims description 28
- 238000012545 processing Methods 0.000 claims description 15
- 238000002372 labelling Methods 0.000 claims description 11
- 230000000694 effects Effects 0.000 claims description 10
- 238000004590 computer program Methods 0.000 claims description 8
- 238000013507 mapping Methods 0.000 claims description 6
- 230000004044 response Effects 0.000 claims description 4
- 230000000875 corresponding effect Effects 0.000 description 52
- 239000000463 material Substances 0.000 description 10
- 239000003550 marker Substances 0.000 description 5
- 238000012360 testing method Methods 0.000 description 5
- 238000010586 diagram Methods 0.000 description 4
- 238000000605 extraction Methods 0.000 description 3
- 238000012986 modification Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 230000001960 triggered effect Effects 0.000 description 2
- 230000007547 defect Effects 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 230000008569 process Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/103—Formatting, i.e. changing of presentation of documents
- G06F40/117—Tagging; Marking up; Designating a block; Setting of attributes
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/103—Formatting, i.e. changing of presentation of documents
- G06F40/106—Display of layout of documents; Previewing
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/12—Use of codes for handling textual entities
- G06F40/14—Tree-structured documents
- G06F40/143—Markup, e.g. Standard Generalized Markup Language [SGML] or Document Type Definition [DTD]
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)
- Document Processing Apparatus (AREA)
Abstract
本发明公开了一种文本标记方法、装置、存储介质及计算机设备,涉及信息技术领域,主要在于能够高文本标记效率,用户操作更加方便,同时标记工具可以根据用户需求被随时渲染,不会一直留存在页面中,从而能够避免破坏页面和文本的结构,影响其美观。其中方法包括:响应于用户在页面中确定待标记文本的操作事件,获取所述待标记文本及其在页面中的位置信息;根据所述待标记文本对应的位置信息,在所述页面中渲染预设标记工具;接收用户基于所述预设标记工具选择的标识信息,根据所述标识信息对所述待标记文本进行标记处理,并在所述页面中显示标记后的文本。本发明适用于重点文本的标记。
Description
技术领域
本发明涉及信息技术领域,尤其是涉及一种文本标记方法、装置、存储介质及计算机设备。
背景技术
随着网络越来越发达,形形色色的推送文章也充实了人们的日常生活,人们从众多的文章中获得新闻、美文、娱乐等消息,但是长篇大论的文章也增加了人们对文本重点的捕获难度,当用户进行文本编辑时,简单易操作的文本重点编辑模式不仅能节约用户的时间,同时也更加方便用户使用。
目前,在对文本重点进行标记时,通常采用富文本编辑器进行文本标记。然而,这种方式在进行文本标记时,需要先将文本复制到富文本编辑器,之后对文本进行编辑并保存,无法在素材源头直接进行文本标记,操作比较复杂,不便于用户操作,因此对重点文本标记的效率比较低,此外,由于富文本编辑器庞大的插件体积,会导致页面的加载速度变慢,同时由于富文本编辑器会一直留存在页面中,在一定程度上破坏了页面和文本的结构,影响其美观。
发明内容
本发明提供了一种文本标记方法、装置、存储介质及计算机设备,主要在于能够提高文本标记效率,用户操作更加方便,同时标记工具可以根据用户需求被随时渲染,不会一直留存在页面中,从而能够避免破坏页面和文本的结构,影响其美观。
根据本发明的第一个方面,提供一种文本标记方法,包括:
响应于用户在页面中确定待标记文本的操作事件,获取所述待标记文本及其在页面中的位置信息;
根据所述待标记文本对应的位置信息,在所述页面中渲染预设标记工具;
接收用户基于所述预设标记工具选择的标识信息,根据所述标识信息对所述待标记文本进行标记处理,并在所述页面中显示标记后的文本。
根据本发明的第二个方面,提供一种文本标记装置,包括:
获取单元,用于响应于用户在页面中确定待标记文本的操作事件,获取所述待标记文本及其在页面中的位置信息;
渲染单元,用于根据所述待标记文本对应的位置信息,在所述页面中渲染预设标记工具;
标记单元,用于接收用户基于所述预设标记工具选择的标识信息,根据所述标识信息对所述待标记文本进行标记处理,并在所述页面中显示标记后的文本。
根据本发明的第三个方面,提供一种计算机可读存储介质,其上存储有计算机程序,该程序被处理器执行时实现以下步骤:
响应于用户在页面中确定待标记文本的操作事件,获取所述待标记文本及其在页面中的位置信息;
根据所述待标记文本对应的位置信息,在所述页面中渲染预设标记工具;
接收用户基于所述预设标记工具选择的标识信息,根据所述标识信息对所述待标记文本进行标记处理,并在所述页面中显示标记后的文本。
根据本发明的第四个方面,提供一种计算机设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,所述处理器执行所述程序时实现以下步骤:
响应于用户在页面中确定待标记文本的操作事件,获取所述待标记文本及其在页面中的位置信息;
根据所述待标记文本对应的位置信息,在所述页面中渲染预设标记工具;
接收用户基于所述预设标记工具选择的标识信息,根据所述标识信息对所述待标记文本进行标记处理,并在所述页面中显示标记后的文本。
本发明提供的一种文本标记方法、装置、存储介质及计算机设备,与目前采用富文本编辑器进行文本标记的方式相比,本发明能够响应于用户在页面中确定待标记文本的操作事件,获取所述待标记文本及其在页面中的位置信息;并根据所述待标记文本对应的位置信息,在所述页面中渲染预设标记工具;与此同时,接收用户基于所述预设标记工具选择的标识信息,根据所述标识信息对所述待标记文本进行标记处理,并在所述页面中显示标记后的文本,由此当用户在页面中确定待标记文本时,能够直接在素材源头对待标记文本进行处理,避免了其他复杂操作,从而提高了文本标记效率,同时通过获取待标记文本对应的位置信息,能够随时对预设标记工具进行渲染,不会使其一直留存在页面中,能够避免破坏页面和文本的结构,影响其美观,此外,本发明中的文本标记插件体积非常小,优化了网页的加载速度,用户操作也更加方便。
附图说明
此处所说明的附图用来提供对本发明的进一步理解,构成本申请的一部分,本发明的示意性实施例及其说明用于解释本发明,并不构成对本发明的不当限定。在附图中:
图1示出了本发明实施例提供的一种文本标记方法流程图;
图2示出了本发明实施例提供的另一种文本标记方法流程图;
图3示出了本发明实施例提供的一种文本标记装置的结构示意图;
图4示出了本发明实施例提供的另一种文本标记装置的结构示意图;
图5示出了本发明实施例提供的一种计算机设备的实体结构示意图。
具体实施方式
下文中将参考附图并结合实施例来详细说明本发明。需要说明的是,在不冲突的情况下,本申请中的实施例及实施例中的特征可以相互组合。
目前,采用富文本编辑器进行文本标记时,需要先将文本复制到富文本编辑器,之后对文本进行编辑并保存,无法在素材源头直接进行文本标记,操作比较复杂,不便于用户操作,因此对重点文本标记的效率比较低,此外,由于富文本编辑器庞大的插件体积,会导致页面的加载速度变慢,同时由于富文本编辑器会一直留存在页面中,在一定程度上破坏了页面和文本的结构,影响其美观。
为了解决上述问题,本发明实施例提供了一种文本标记方法,如图1所示,所述方法包括:
101、响应于用户在页面中确定待标记文本的操作事件,获取所述待标记文本及其在页面中的位置信息。
其中,待标记文本为用户浏览网页时需要进行重点标记的文本,待标记文本对应的位置信息为待标记文本相对于容器节点的位置信息,该容器节点为可以进行文本重点标记的文章显示区域,本发明实施例主要适用于对文本的标记,为了克服现有技术中利用富文本编辑器进行文本标记的缺陷,本发明实施例通过利用预设标记插件,可以直接在素材源头进行编辑,对重点文本进行标记,用户操作更加方便,对重点文本的标记效率更高,同时通过利用该预设标记插件,能够响应用户在页面中的操作,随时渲染预设标记工具,不会破坏页面的美观和影像文本的结构,本发明实施例的执行主体为能够对文本重点进行标记的装置或者设备。
对于本发明实施例,在具体应用该预设标记插件对文本进行标记之前,需要对该插件中的配置项进行设置,该配置项具体包括:包含文章内容的容器节点,数据发生变化的回调函数,以及复制、字体大小、字体颜色、文本背景颜色、下划线、删除线等功能,例如,设置字体大小为fontSize:'18px',设置字体颜色为color:'#000';设置修改后的回调函数为onChange:()=>{},在上述配置项设置完成之后,当用户在网页中浏览文本内容,需要对重点内容进行标记时,会在网页中进行相应操作,具体用户可以通过点击鼠标和松开鼠标,选择将要进行标记的待标记文本,容器节点初始化后,预设标记插件会一直监听容器节点内的mousedown和mouseup事件,当用户在网页中选择相应文本进行点击鼠标和松开鼠标的操作时,快捷标记插件能够监听到容器节点内的触发事件,在监听到该触发事件后,通过调用window.getSelection().getRangeAt(0).commonAncestorContainer函数来获取用户在页面中选择的文本或元素,即通过调用该函数获取待标记文本。由此当用户需要进行文本标记时,可以直接在素材源头进行操作,选择待标记文本,而不必将其复制到富文本编辑器中再进行标记操作,从而提高了文本标记效率,用户使用更加方便。
进一步地,计算获取的待标记文本相对于容器节点的位置,具体地,获取用户在页面中的鼠标点击位置和松开鼠标的位置,同时确定待标记文本对应的文本字数,之后根据确定的鼠标点击位置、松开鼠标位置和文本字数,计算待标记文本相对于容器节点的位置信息,以便根据待标记文本相对于容器节点的位置信息,确定预设标记工具箱的显示位置。
102、根据所述待标记文本对应的位置信息,在所述页面中渲染预设标记工具。
其中,该预设标记工具中显示有不同的标记功能,根据用户选择的标记功能能够对待标记文本进行相应的标记处理,得到相应的标记效果,以起到重点内容标记的作用,具体地,根据待标记文本相对于容器节点的位置,能够确定预设标记工具在页面中的显示位置,进一步地,调用函数window.initMarkUnit(options,document.querySelector('#article-container')),将预先设置的各个配置项注入可以进行快捷标记的文章显示区域,即容器节点,生成预设标记工具,其中,options为各个配置项,article-container为容器节点,进一步地,根据确定的预设标记工具在页面中的显示位置,将生成的预设标记工具定位到页面中的相应位置,展示给用户,由此可知,本发明实施例中的便捷标记方法是在用户无感的条件下进行的,预设标记工具的显示和标记操作是在用户选中文本后触发的,因此不会影响网页的美观,在对文本进行编辑之前用的感觉都是正常浏览网页,因此能够增强用户体验。
103、接收用户基于所述预设标记工具选择的标识信息,根据所述标识信息对所述待标记文本进行标记处理,并在所述页面中显示标记后的文本。
其中,标识信息为预设标记工具中显示的各个标记功能对应的标识信息,例如,修改待标记文本对应的字体颜色或者字体大小,对待标记文本进行字体加粗处理,在待标记文本下方显示下划线等,具体地,当预设标记工具显示在页面中的相应位置时,用户可以点击预设标记工具箱上相应的标记按钮,用户触发该标记按钮后,预设标记插件会接收到待标记文本的标记处理请求,并根据该标记按钮对应的标识信息,调用相应的标记处理函数,对该标记文本进行相应的标记处理,得到标记处理后的文本,例如,当用户点击标记按钮时,将用户选中的待标记文本「’我是一个被用户选中的测试数据’」替换为「’<mark style=”color:#000;font-size:30px;background:#f3f3f3;”>我是一个被用户选中的测试数据</mark>’」,进一步地,将标记处理后的文本显示到页面中,用户可以看到被标记后的文本,由此本发明实施例能够直接在素材源头对待标记文本进行标记处理,不必将其复制到文本编辑器中进行编辑,操作更加简便,对重点文本的标记效率更高。
本发明实施例提供的一种文本标记方法,与目前采用富文本编辑器进行文本标记的方式相比,本发明能够响应于用户在页面中确定待标记文本的操作事件,获取所述待标记文本及其在页面中的位置信息;并根据所述待标记文本对应的位置信息,在所述页面中渲染预设标记工具;与此同时,接收用户基于所述预设标记工具选择的标识信息,根据所述标识信息对所述待标记文本进行标记处理,并在所述页面中显示标记后的文本,由此当用户在页面中确定待标记文本时,能够直接在素材源头对待标记文本进行处理,避免了其他复杂操作,从而提高了文本标记效率,同时通过获取待标记文本对应的位置信息,能够随时对预设标记工具进行渲染,不会使其一直留存在页面中,能够避免破坏页面和文本的结构,影响其美观,此外,本发明实施例中的文本标记插件体积非常小,优化了网页的加载速度,用户操作也更加方便。
进一步的,为了更好的说明上述对重点文本进行标记的过程,作为对上述实施例的细化和扩展,本发明实施例提供了另一种文本标记方法,如图2所示,所述方法包括:
201、响应于用户在页面中确定待标记文本的操作事件,获取所述待标记文本及其在页面中的位置信息。
其中,待标记文本为用户浏览网页时需要进行标记的文本,以起到重点提示作用,待标记文本对应的位置信息为待标记文本相对于容器节点的位置信息,该容器节点为可以进行文本重点标记的文章显示区域,对于本发明实施例,在利用预设标记插件对文本进行标记之前,需要对该插件中的各个配置项进行配置,具体包括:包含文章内容的容器节点、数据发生变化的回调函数、以及复制、字体大小、字体颜色、文本背景颜色、下划线、删除线等功能,在对预设标记插件进行配置之后,可以利用该预设标记插件进行文本标记,当用户在页面中进行操作时,能够获取用户选择的待标记文本及其对应的位置信息,步骤201具体包括:响应于用户在页面中确定待标记文本,调用预设标记插件中的文本获取函数,获取所述待标记文本;获取用户确定所述待标记文本时的鼠标点击位置和鼠标松开位置,并确定所述待标记文本对应的字数;根据所述鼠标点击位置、所述鼠标松开位置和所述字数,确定所述待标记文本在页面中的位置信息。
具体地,当用户浏览网页时想要对某段文本进行重点标注时,会通过点击鼠标和松开鼠标的操作选择相应的待标记文本,同时预设标记插件会一直监听容器节点内的事件,因此当用户点击鼠标和松开鼠标时,预设标记插件能够监听到容器节点内的触发事件,在监听到该触发事件后,通过调用window.getSelection().getRangeAt(0).commonAncestorContainer函数获取用户选择的待标记文本,与此同时,获取页面中的鼠标点击位置和鼠标松开位置,并计算用户所选择的待标记文本的字数,之后根据所述鼠标点击位置、所述鼠标松开位置以及待标记文本的字数,计算待标记文本相当于容器节点的位置信息。
202、根据所述待标记文本对应的位置信息,确定所述预设标记工具在所述页面中的显示位置。
对于本发明实施例,为了便于用户对待标记文本进行操作,需要将预设标记工具显示在待标记文本附近,具体可以根据待标记文本相对于容器节点的位置信息,确定预设标记工具相当于容器节点的位置信息,以确保预设标记工具能够在待标记文本附近显示,当用户进行文本重点标记时,可以直接在待标记文本附近的预设标记工具中选择相应的标记功能,实现重点文本的标记。
203、渲染所述预设标记工具,并将渲染后的所述预设标记工具定位至所述显示位置。
对于本发明实施例,在确定预设标记工具在页面中的显示位置后,需要将预设标记工具渲染至所述显示位置处,以方便用户进行标记操作,步骤203具体包括:若缓存区中存在渲染后的预设标记工具,则从所述缓存区中提取所述渲染后的预设标记工具,并将其定位至所示显示位置;若缓存区中不存在渲染后的预设标记工具,则对预设标记插件中的各个标记配置项进行渲染,生成所述预设标记工具,并将生成的所述预设标记工具定位至所述显示位置。进一步地,所述对预设标记插件中的各个标记配置项进行渲染,生成所述预设标记工具,包括:确定所述待标记文本对应的容器节点;调用预设初始化标记功能函数将所述各个标记配置项注入至所述容器节点,生成所述预设标记工具。
具体地,在渲染预设标记工具时,如果缓存中存在渲染后的预设标记工具,则可以直接提取渲染后的预设标记工具,并根据确定该的标记工具的显示位置,将其定位到页面中的相应位置,展示给用户;如果缓存中不存在渲染后的预设标记工具,则并对各个配置项进行渲染,生成预设标记工具,并根据确定的显示位置对其进行定位,由此如果缓存区中存在渲染后的预设标记工具,可以进行直接提取,避免重新渲染预设标记工具。此外,在对各个配置项进行渲染,生成预设标记工具时,首先确定待标记文本对应的容器节点,该容器节点是在应用预设标记插件时进行设置的,之后调用预设初始化标记功能函数将预先设置的各个标记配置项注入至容器节点,即在容器节点内产生各个标记配置项的功能,从而生成预设标记工具,例如,调用函数window.initMarkUnit(options,document.querySelector('#article-container')),将预先设置的各个配置项注入可以进行快捷标记的文章显示区域,即容器节点,生成预设标记工具。
204、接收用户基于所述预设标记工具选择的标识信息,根据所述标识信息对所述待标记文本进行标记处理,并在所述页面中显示标记后的文本。
其中,标识信息为预设标记工具中显示的各个标记功能对应的标识信息,例如,修改字体颜色或者大小的标识、对文本进行加粗的标识,添加下划线的标识等,对于本发明实施例,为了根据用户所选择的标识信息对待标记文本进行标记处理,步骤204具体包括:确定所述标识信息对应的标记参数,并基于所述标记参数调用预设标记处理函数,对所述待标记文本进行标记处理,得到标记后的文本;利用标记后的文本替换所述待标记文本,以便在所述页面中显示标记后的文本。
具体地,当预设标记工具显示在页面中的相应位置时,用户可以点击预设标记工具上相应的标记按钮,用户触发该标记按钮后,预设标记插件会接收到待标记文本的标记处理请求,并根据该标记按钮对应的标识信息,确定与其对应的标记参数,之后将该标记参数传入预设标记处理函数,利用该预设标记处理函数对该标记文本进行相应的标记处理,得到标记处理后的文本,例如,当前用户设置字体30、背景浅灰色、颜色纯黑色,预设标记处理函数根据用户设置将「’我是一个被用户选中的测试数据’」替换为「’<mark style=”color:#000;font-size:30px;background:#f3f3f3;”>我是一个被用户选中的测试数据</mark>’」,再比如,当前用户设置字体10,背景黄色,颜色红色,预设标记处理函数根据用户设置将「’我是一个被用户选中的测试数据’」替换为「’<mark style=”color:#001;font-size:10px;background:#f2f2f2;”>我是一个被用户选中的测试数据</mark>’」,进一步地,将标记处理后的文本显示到页面中,用户可以看到被标记后的文本,由此能够直接在素材源头对待标记文本进行标记处理,不必将其复制到文本编辑器中进行编辑,操作更加简便,对重点文本的标记效率更高。
进一步地,为了便于用户对待标记文本进行标记,在本发明实施例中还可以设置快捷键记录用户习惯的功能,即将对应的快捷键与当前标记效果对应绑定,这样当用户再次需要对文本进行标记时,通过触发该快捷点便可以直接对文本进行相应效果的标记,基于此,所述方法还包括:接收所述标记后的文本对应的标记效果记录请求,所述请求携带有快捷键信息;建立所述快捷键信息和所述标记效果之间的映射关系并进行存储。例如,当前效果为18像素字体、红色背景色,此时用户点击设置按钮后按下a键,将会对当前效果进行记录,下次选中文本后按下a键能够直接对文本进行相应效果的标记,需要说明的是,当重复设置a键则按最新效果进行渲染。
与此同时,本发明实施例中的预设标记工具还提供了复制功能,点击该复制按钮后,将容器节点内所有的文本复制进粘贴板供用户进行粘贴。基于此,所述方法还包括:接收所述页面中文本的复制请求,所述复制请求携带有待复制文本;将所述待复制文本复制至预设粘贴板,并将所述预设粘贴板中的文本粘贴至用户指定区域。
本发明实施例提供的另一种文本标记方法,与目前采用富文本编辑器进行文本标记的方式相比,本发明能够响应于用户在页面中确定待标记文本的操作事件,获取所述待标记文本及其在页面中的位置信息;并根据所述待标记文本对应的位置信息,在所述页面中渲染预设标记工具;与此同时,接收用户基于所述预设标记工具选择的标识信息,根据所述标识信息对所述待标记文本进行标记处理,并在所述页面中显示标记后的文本,由此当用户在页面中确定待标记文本时,能够直接在素材源头对待标记文本进行处理,避免了其他复杂操作,从而提高了文本标记效率,同时通过获取待标记文本对应的位置信息,能够随时对预设标记工具进行渲染,不会使其一直留存在页面中,能够避免破坏页面和文本的结构,影响其美观,此外,本发明实施例中的文本标记插件体积非常小,优化了网页的加载速度,用户操作也更加方便。
进一步地,作为图1的具体实现,本发明实施例提供了一种文本标记装置,如图3所示,所述装置包括:获取单元31、渲染单元32和标记单元33。
所述获取单元31,可以用于响应于用户在页面中确定待标记文本的操作事件,获取所述待标记文本及其在页面中的位置信息。所述获取单元31是本装置中响应于用户在页面中确定待标记文本的操作事件,获取所述待标记文本及其在页面中的位置信息的主要功能模块,也是核心模块。
所述渲染单元32,可以用于根据所述待标记文本对应的位置信息,在所述页面中渲染预设标记工具。所述渲染单元32是本装置中根据所述待标记文本对应的位置信息,在所述页面中渲染预设标记工具的主要功能模块,也是核心模块。
所述标记单元33,可以用于接收用户基于所述预设标记工具选择的标识信息,根据所述标识信息对所述待标记文本进行标记处理,并在所述页面中显示标记后的文本。所述标记单元33是本装置中接收用户基于所述预设标记工具选择的标识信息,根据所述标识信息对所述待标记文本进行标记处理,并在所述页面中显示标记后的文本的主要功能模块。
对于本发明实施例,如图4所示,为了根据所述待标记文本对应的位置信息,在所述页面中渲染预设标记工具,所述渲染单元32,包括:确定模块321和渲染模块322。
所述确定模块321,可以用于根据所述待标记文本对应的位置信息,确定所述预设标记工具在所述页面中的显示位置。
所述渲染模块322,可以用于渲染所述预设标记工具,并将渲染后的所述预设标记工具定位至所述显示位置。
进一步地,为了将渲染后的所述预设标记工具定位至所述显示位置,所述渲染模块322,包括:提取子模块和渲染子模块。
所述提取子模块,可以用于若缓存区中存在渲染后的预设标记工具,则从所述缓存区中提取所述渲染后的预设标记工具,并将其定位至所示显示位置。
所述渲染子模块,可以用于若缓存区中不存在渲染后的预设标记工具,则对预设标记插件中的各个标记配置项进行渲染,生成所述预设标记工具,并将生成的所述预设标记工具定位至所述显示位置。
进一步地,所述渲染子模块,具体可以用于确定所述待标记文本对应的容器节点;调用预设初始化标记功能函数将所述各个标记配置项注入至所述容器节点,生成所述预设标记工具。
进一步地,为了获取所述待标记文本及其在页面中的位置信息,所述获取单元31,包括:获取模块311和确定模块312。
所述获取模块311,可以用于响应于用户在页面中确定待标记文本的操作事件,调用预设标记插件中的文本获取函数,获取所述待标记文本。
所述获取模块311,还可以用于获取用户确定所述待标记文本时的鼠标点击位置和鼠标松开位置,并确定所述待标记文本对应的字数。
所述确定模块312,可以用于根据所述鼠标点击位置、所述鼠标松开位置和所述字数,确定所述待标记文本在页面中的位置信息。
进一步地,为了对待标记文本进行标记处理,所述标记单元33,包括:标记模块331和替换模块33。
所述标记模块331,可以用于确定所述标识信息对应的标记参数,并基于所述标记参数调用预设标记处理函数,对所述待标记文本进行标记处理,得到标记后的文本。
所述替换模块332,可以用于利用所述标记后的文本替换所述待标记文本,以便在所述页面中显示所述标记后的文本。
进一步地,为了方便用户对待标记文本进行标记,所述装置还包括:接收单元34和建立单元35。
所述接收单元34,可以用于接收所述标记后的文本对应的标记效果记录请求,所述请求携带有快捷键信息。
所述建立单元35,可以用于建立所述快捷键信息和所述标记效果之间的映射关系并进行存储。
需要说明的是,本发明实施例提供的一种文本标记装置所涉及各功能模块的其他相应描述,可以参考图1所示方法的对应描述,在此不再赘述。
基于上述如图1所示方法,相应的,本发明实施例还提供了一种计算机可读存储介质,其上存储有计算机程序,该程序被处理器执行时实现以下步骤:响应于用户在页面中确定待标记文本的操作事件,获取所述待标记文本及其在页面中的位置信息;根据所述待标记文本对应的位置信息,在所述页面中渲染预设标记工具;接收用户基于所述预设标记工具选择的标识信息,根据所述标识信息对所述待标记文本进行标记处理,并在所述页面中显示标记后的文本。
基于上述如图1所示方法和如图3所示装置的实施例,本发明实施例还提供了一种计算机设备的实体结构图,如图5所示,该计算机设备包括:处理器41、存储器42、及存储在存储器42上并可在处理器上运行的计算机程序,其中存储器42和处理器41均设置在总线43上所述处理器41执行所述程序时实现以下步骤:响应于用户在页面中确定待标记文本的操作事件,获取所述待标记文本及其在页面中的位置信息;根据所述待标记文本对应的位置信息,在所述页面中渲染预设标记工具;接收用户基于所述预设标记工具选择的标识信息,根据所述标识信息对所述待标记文本进行标记处理,并在所述页面中显示标记后的文本。
通过本发明的技术方案,本发明能够响应于用户在页面中确定待标记文本的操作事件,获取所述待标记文本及其在页面中的位置信息;并根据所述待标记文本对应的位置信息,在所述页面中渲染预设标记工具;与此同时,接收用户基于所述预设标记工具选择的标识信息,根据所述标识信息对所述待标记文本进行标记处理,并在所述页面中显示标记后的文本,由此当用户在页面中确定待标记文本时,能够直接在素材源头对待标记文本进行处理,避免了其他复杂操作,从而提高了文本标记效率,同时通过获取待标记文本对应的位置信息,能够随时对预设标记工具进行渲染,不会使其一直留存在页面中,能够避免破坏页面和文本的结构,影响其美观,此外,本发明中的文本标记插件体积非常小,优化了网页的加载速度,用户操作也更加方便。
显然,本领域的技术人员应该明白,上述的本发明的各模块或各步骤可以用通用的计算装置来实现,它们可以集中在单个的计算装置上,或者分布在多个计算装置所组成的网络上,可选地,它们可以用计算装置可执行的程序代码来实现,从而,可以将它们存储在存储装置中由计算装置来执行,并且在某些情况下,可以以不同于此处的顺序执行所示出或描述的步骤,或者将它们分别制作成各个集成电路模块,或者将它们中的多个模块或步骤制作成单个集成电路模块来实现。这样,本发明不限制于任何特定的硬件和软件结合。
以上所述仅为本发明的优选实施例而已,并不用于限制本发明,对于本领域的技术人员来说,本发明可以有各种更改和变化。凡在本发明的精神和原则之内,所作的任何修改、等同替换、改进等,均应包括在本发明的保护范围之内。
Claims (10)
1.一种文本标记方法,其特征在于,包括:
响应于用户在页面中确定待标记文本的操作事件,获取所述待标记文本及其在页面中的位置信息;
根据所述待标记文本对应的位置信息,在所述页面中渲染预设标记工具;
接收用户基于所述预设标记工具选择的标识信息,根据所述标识信息对所述待标记文本进行标记处理,并在所述页面中显示标记后的文本。
2.根据权利要求1所述的方法,其特征在于,所述根据所述待标记文本对应的位置信息,在所述页面中渲染预设标记工具,包括:
根据所述待标记文本对应的位置信息,确定所述预设标记工具在所述页面中的显示位置;
渲染所述预设标记工具,并将渲染后的所述预设标记工具定位至所述显示位置。
3.根据权利要求2所述的方法,其特征在于,所述渲染所述预设标记工具,并将渲染后的所述预设标记工具定位至所述显示位置,包括:
若缓存区中存在渲染后的预设标记工具,则从所述缓存区中提取所述渲染后的预设标记工具,并将其定位至所示显示位置;
若缓存区中不存在渲染后的预设标记工具,则对预设标记插件中的各个标记配置项进行渲染,生成所述预设标记工具,并将生成的所述预设标记工具定位至所述显示位置。
4.根据权利要求3所述的方法,其特征在于,所述对预设标记插件中的各个标记配置项进行渲染,生成所述预设标记工具,包括:
确定所述待标记文本对应的容器节点;
调用预设初始化标记功能函数将所述各个标记配置项注入至所述容器节点,生成所述预设标记工具。
5.根据权利要求1所述的方法,其特征在于,所述响应于用户在页面中确定待标记文本的操作事件,获取所述待标记文本及其在页面中的位置信息,包括:
响应于用户在页面中确定待标记文本的操作事件,调用预设标记插件中的文本获取函数,获取所述待标记文本;
获取用户确定所述待标记文本时的鼠标点击位置和鼠标松开位置,并确定所述待标记文本对应的字数;
根据所述鼠标点击位置、所述鼠标松开位置和所述字数,确定所述待标记文本在页面中的位置信息。
6.根据权利要求1所述的方法,其特征在于,所述根据所述标识信息对所述待标记文本进行标记处理,并在所述页面中显示标记后的文本,包括:
确定所述标识信息对应的标记参数,并基于所述标记参数调用预设标记处理函数,对所述待标记文本进行标记处理,得到标记后的文本;
利用所述标记后的文本替换所述待标记文本,以便在所述页面中显示所述标记后的文本。
7.根据权利要求1所述的方法,其特征在于,在所述在所述页面中显示标记后的文本之后,所述方法还包括:
接收所述标记后的文本对应的标记效果记录请求,所述请求携带有快捷键信息;
建立所述快捷键信息和所述标记效果之间的映射关系并进行存储。
8.一种文本标记装置,其特征在于,包括:
获取单元,用于响应于用户在页面中确定待标记文本的操作事件,获取所述待标记文本及其在页面中的位置信息;
渲染单元,用于根据所述待标记文本对应的位置信息,在所述页面中渲染预设标记工具;
标记单元,用于接收用户基于所述预设标记工具选择的标识信息,根据所述标识信息对所述待标记文本进行标记处理,并在所述页面中显示标记后的文本。
9.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,所述计算机程序被处理器执行时实现权利要求1至7中任一项所述的方法的步骤。
10.一种计算机设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,其特征在于,所述计算机程序被处理器执行时实现权利要求1至7中任一项所述的方法的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202011626813.3A CN112580300A (zh) | 2020-12-30 | 2020-12-30 | 文本标记方法、装置、存储介质及计算机设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202011626813.3A CN112580300A (zh) | 2020-12-30 | 2020-12-30 | 文本标记方法、装置、存储介质及计算机设备 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN112580300A true CN112580300A (zh) | 2021-03-30 |
Family
ID=75144732
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202011626813.3A Pending CN112580300A (zh) | 2020-12-30 | 2020-12-30 | 文本标记方法、装置、存储介质及计算机设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN112580300A (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113779438A (zh) * | 2021-08-23 | 2021-12-10 | 深圳价值在线信息科技股份有限公司 | 一种网页的文本信息处理方法、装置及终端设备 |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
EP1101168A1 (en) * | 1998-07-30 | 2001-05-23 | Insight Development Corporation | System for capturing, annotating and transmitting images of internet web pages |
CN102799573A (zh) * | 2012-06-27 | 2012-11-28 | 北京经舆典网络科技有限公司 | 网页批注的方法及系统 |
CN105224189A (zh) * | 2015-09-30 | 2016-01-06 | 北京奇虎科技有限公司 | 一种标记方法及电子设备 |
CN110851757A (zh) * | 2019-10-12 | 2020-02-28 | 平安普惠企业管理有限公司 | 页面资源加载方法及终端 |
CN111800492A (zh) * | 2020-06-22 | 2020-10-20 | 深圳壹账通智能科技有限公司 | web网页中文字的标记方法、装置、计算机设备及存储介质 |
-
2020
- 2020-12-30 CN CN202011626813.3A patent/CN112580300A/zh active Pending
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
EP1101168A1 (en) * | 1998-07-30 | 2001-05-23 | Insight Development Corporation | System for capturing, annotating and transmitting images of internet web pages |
CN102799573A (zh) * | 2012-06-27 | 2012-11-28 | 北京经舆典网络科技有限公司 | 网页批注的方法及系统 |
CN105224189A (zh) * | 2015-09-30 | 2016-01-06 | 北京奇虎科技有限公司 | 一种标记方法及电子设备 |
CN110851757A (zh) * | 2019-10-12 | 2020-02-28 | 平安普惠企业管理有限公司 | 页面资源加载方法及终端 |
CN111800492A (zh) * | 2020-06-22 | 2020-10-20 | 深圳壹账通智能科技有限公司 | web网页中文字的标记方法、装置、计算机设备及存储介质 |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113779438A (zh) * | 2021-08-23 | 2021-12-10 | 深圳价值在线信息科技股份有限公司 | 一种网页的文本信息处理方法、装置及终端设备 |
CN113779438B (zh) * | 2021-08-23 | 2024-05-31 | 深圳价值在线信息科技股份有限公司 | 一种网页的文本信息处理方法、装置及终端设备 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US10706091B2 (en) | User driven computerized selection, categorization, and layout of live content components | |
US9098505B2 (en) | Framework for media presentation playback | |
CN111008520A (zh) | 一种批注方法、装置、终端设备及存储介质 | |
CN109218750B (zh) | 视频内容检索的方法、装置、存储介质和终端设备 | |
WO2023093673A1 (zh) | 一种信息处理方法、装置、系统及存储介质 | |
CN107209756B (zh) | 在标记语言文档中支持数字墨水 | |
CN108399072A (zh) | 应用页面更新方法和装置 | |
CN112528207B (zh) | 活动页面生成方法、装置和电子设备 | |
WO2023179549A1 (zh) | 一种文档块分享方法、装置、系统及存储介质 | |
CN104461298A (zh) | 一种截图方法和截图工具 | |
CN111371953A (zh) | 标记数据处理方法、设备及存储介质 | |
CN113900650A (zh) | 一种数据处理的方法、装置、电子设备及可读存储介质 | |
CN109240664A (zh) | 一种采集用户行为信息的方法及终端 | |
CN110020279B (zh) | 页面数据处理方法、装置及存储介质 | |
CN112580300A (zh) | 文本标记方法、装置、存储介质及计算机设备 | |
JP2002208022A (ja) | 表示制御方法、情報表示装置および媒体 | |
CN113360106A (zh) | 一种网页打印方法和装置 | |
US20130218935A1 (en) | Information processing apparatus, information processing method, and program | |
CN113297425B (zh) | 文档转换方法、装置、服务器及存储介质 | |
CN108228179A (zh) | 页面国际化的处理方法、装置、计算机及存储介质 | |
CN114021522A (zh) | 一种基于web文档标记技术的研究 | |
CN114845171A (zh) | 视频编辑方法、装置及电子设备 | |
CN115879417A (zh) | 媒体编辑方法、装置、计算机及可读存储介质 | |
CN113378527A (zh) | Pdf文档编辑方法、装置、存储介质及电子设备 | |
CN112764634A (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 |