CN106066849B - 一种模板页面编辑系统及方法 - Google Patents
一种模板页面编辑系统及方法 Download PDFInfo
- Publication number
- CN106066849B CN106066849B CN201610371425.2A CN201610371425A CN106066849B CN 106066849 B CN106066849 B CN 106066849B CN 201610371425 A CN201610371425 A CN 201610371425A CN 106066849 B CN106066849 B CN 106066849B
- Authority
- CN
- China
- Prior art keywords
- page
- editable
- property
- template
- elements
- 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
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
- G06F40/186—Templates
-
- 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
- G06F16/986—Document structures and storage, e.g. HTML extensions
-
- 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
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Audiology, Speech & Language Pathology (AREA)
- Computational Linguistics (AREA)
- General Health & Medical Sciences (AREA)
- Health & Medical Sciences (AREA)
- Artificial Intelligence (AREA)
- Databases & Information Systems (AREA)
- Data Mining & Analysis (AREA)
- Information Transfer Between Computers (AREA)
- Document Processing Apparatus (AREA)
- Stored Programmes (AREA)
Abstract
本发明公开了一种模板页面编辑系统及方法,涉及数据处理技术领域。所述系统包括:模板页存储分析单元、页面建立单元、编辑子系统和发布单元。所述方法:选择已被性质标识过的html页作为初始页面添加到模板页面记录中,载入建立的页面,当鼠标经过html页中被标记过性质标识的任意一个可编辑元素A时,获得与可编辑元素A的性质标识对应的编辑器并加载,读取并编辑可编辑元素A中记载的初始内容,得到更新后的可编辑元素A中内容所对应的源码,发布并生成.html文件。本发明使定制的编辑器能够被复用,能更快、更多的满足各种类型的模板页面;明显减少模板页面编辑系统编辑器的开发工作量,提高模板页面开发人员的工作效率,减少沟通成本。
Description
技术领域
本发明涉及数据处理技术领域,尤其涉及一种模板页面编辑系统及方法。
背景技术
现有模板页面编辑系统通常把目标模板页面拆分成板块,然后针对每个板块内容开发相应的编辑器,在编辑时调出相应板块编辑器进行内容编辑。而现有系统存在的以下不足:要求根据每个模板页面拆分后的板块定制的编辑器耦合度高,造成定制的编辑器使用局限性及难以复用,故需要开发大量的编辑器支撑每个模板页面的内容编辑,然后,在增设新增模板时,还需要耗费额外人力和时间开发与新增模板对应的新增板块编辑器,这种方式无疑难以应对大规模不同内容的模页面开发使用。
发明内容
本发明的目的在于提供一种模板页面编辑系统及方法,从而解决现有技术中存在的前述问题。
为了实现上述目的,本发明所述模板页面编辑系统,该系统包括:
模板页存储分析单元,分析html页,对html页上的可编辑元素进行性质标识后存储;
页面建立单元,从模板页存储分析单元选择任意一个html页作为初始页面添加到新创建的模板页面记录中,完成页面的建立;
编辑子系统,载入建立的页面,并监听JS鼠标移动事件,当鼠标经过被标记过性质标识的任意一个可编辑元素A时,查找并获得与所述可编辑元素A的性质标识对应的编辑器,加载所述编辑器,读取并编辑所述可编辑元素A中记载的初始内容,得到更新后的可编辑元素A中内容所对应的源码,并上传到服务器端并更新到数据库中;
发布单元,从数据库中获得所述源码,发布并生成.html文件。
优选地,每类可编辑元素对应唯一的性质标识,且每一个性质标识与一个编辑器一一对应设置。
优选地,所述系统还包括:编辑器存储单元,用于存储编辑可编辑元素中内容所用到的编辑器。
优选地,所述编辑器包括文本编辑器和图形编辑器。
优选地,所述编辑子系统包括:判断单元、分析查找单元、编辑单元和上传单元;
判断单元,负责监听JS鼠标移动事件,并判断鼠标当前所在区域是否为被标记过性质标识的可编辑元素A的内容编辑区,如果是,则将可编辑元素A及其信息发送给分析单元;如果否,则继续判断;
分析查找单元,分析并获取所述可编辑元素A的性质标识,查找与所述性质标识对应的编辑器;
编辑单元,加载所述编辑器,读取所述可编辑元素A中记载的初始内容,按照操作人员的指令对所述初始内容进行编辑,将编辑后的内容更新到可编辑元素A中,并获得当前可编辑元素A中所有内容所对应的源码;
上传单元,将源码上传到服务器端并更新到数据库中。
优选地,所述数据库还存储标记过性质标识的HTML页。
本发明所述基于模板页面编辑系统的模板页面编辑方法,该方法包括:
S1,选择已被性质标识过的html页作为初始页面添加到模板页面记录中,完成页面的建立;
S2,载入建立的页面,并监听JS鼠标移动事件,当鼠标经过html页中被标记过性质标识的任意一个可编辑元素A时,查找并获得与所述可编辑元素A的性质标识对应的编辑器,加载所述编辑器,读取并编辑所述可编辑元素A中记载的初始内容,得到更新后的可编辑元素A中内容所对应的源码;
S3,从数据库中获得所述源码,发布并生成.html文件。
优选地,在步骤S1之前还包括以下步骤:分析html页,对html页上的可编辑元素进行性质标识,将标识过的html页存储到数据库中,从所述数据库中选择已被性质标识过的html页作为初始页面。
优选地,步骤S2,具体按照下述步骤实现:
S21,载入建立的页面,并监听JS鼠标移动事件,判断鼠标当前所在区域是否为被标记过性质标识的可编辑元素A的内容编辑区,如果是,则进入S22;如果否,则返回S21;
S22,分析并获取所述可编辑元素A的性质标识,查找与所述性质标识对应的编辑器;
S23,加载所述编辑器,读取所述可编辑元素A中记载的初始内容,按照操作人员的指令对所述初始内容进行编辑,将编辑后的内容更新到可编辑元素A中,并获得当前可编辑元素A中所有内容所对应的源码;
S24,将源码上传到服务器端并更新到数据库中。
本发明的有益效果是:
本发明所述系统过对模板内容性质识别的方案去定制通用编辑器,如文字编辑器和图片编辑器,使定制的编辑器能够被复用,能更快、更多的满足各种类型的模板页面;明显减少模板页面编辑系统编辑器的开发工作量,提高模板页面开发人员的工作效率,减少沟通成本,模板页面开发人员可根据所述系统提供的模版自行制作页面。
附图说明
图1是模板页面编辑系统的结构示意图;
图2是模板页面编辑方法的流程示意图。
具体实施方式
为了使本发明的目的、技术方案及优点更加清楚明白,以下结合附图,对本发明进行进一步详细说明。应当理解,此处所描述的具体实施方式仅仅用以解释本发明,并不用于限定本发明。
实施例
本实施例所述模板页面编辑系统,该系统包括:
模板页存储分析单元,分析html页,对html页上的可编辑元素进行性质标识后存储;
页面建立单元,从模板页存储分析单元选择任意一个html页作为初始页面添加到新创建的模板页面记录中,完成页面的建立;
编辑子系统,载入建立的页面,并监听JS鼠标移动事件,当鼠标经过被标记过性质标识的任意一个可编辑元素A时,查找并获得与所述可编辑元素A的性质标识对应的编辑器,加载所述编辑器,读取并编辑所述可编辑元素A中记载的初始内容,得到更新后的可编辑元素A中内容所对应的源码,上传到服务器端并更新到数据库中;
发布单元,从数据库中获得所述源码,发布并生成.html文件。
更详细的解释说明为:
(一)每类可编辑元素对应唯一的性质标识,且每一个性质标识与一个编辑器一一对应设置。
由前端技术人员制作需要设置为模板页面的html文件,并在html文件基础上为可编辑元素设置其性质标识,性质标识便于编辑器能识别相应元素并调用相应性质的编辑器编辑此元素内容,然后将此html文件内容存入数据库作为后续创建新页面之原始内容。
标识可编辑元素性质是为元素添加自定义属性:tmode=”editing|[type]”;
editing表示其是可被编辑元素,[type]标识其是什么性质的内容,如:文本、图片等。
(二)所述系统还包括:编辑器存储单元,用于存储编辑可编辑元素中内容所用到的编辑器。所述编辑器包括文本编辑器和图形编辑器。
所述数据库还存储标记过性质标识的HTML页。
(三)所述编辑子系统包括:判断单元、分析查找单元、编辑单元和上传单元;
判断单元,负责监听JS鼠标移动事件,并判断鼠标当前所在元素是否为被标记过性质标识的可编辑元素A,如果是,则将可编辑元素A及其信息发送给分析单元;如果否,则继续判断;
分析查找单元,分析并获取所述可编辑元素A的性质标识,查找与所述性质标识对应的编辑器;
编辑单元,加载所述编辑器,读取所述可编辑元素A中记载的初始内容,按照操作人员的指令对所述初始内容进行编辑,将编辑后的内容更新到可编辑元素A中,并获得当前可编辑元素A中所有内容所对应的源码;
上传单元,将源码上传到服务器端并更新到数据库中。
实施例
本实施例是基于所述模板页面编辑系统的模板页面编辑方法,该方法包括:
S1,选择已被性质标识过的html页作为初始页面添加到模板页面记录中,完成页面的建立;
S2,载入建立的页面,并监听JS鼠标移动事件,当鼠标经过html页中被标记过性质标识的任意一个可编辑元素A时,查找并获得与所述可编辑元素A的性质标识对应的编辑器,加载所述编辑器,读取并编辑所述可编辑元素A中记载的初始内容,得到更新后的可编辑元素A中内容所对应的源码;
S3,从数据库中获得所述源码,发布并生成.html文件。
本实施例中,在步骤S1之前还包括以下步骤:分析html页,对html页上的可编辑元素进行性质标识,将标识过的html页存储到数据库中,从所述数据库中选择已被性质标识过的html页作为初始页面。
本实施例中,步骤S2,具体按照下述步骤实现:
S21,载入建立的页面,并监听JS鼠标移动事件,判断鼠标当前所在区域是否为被标记过性质标识的可编辑元素A的内容编辑区,如果是,则进入S22;如果否,则返回S21;
S22,分析并获取所述可编辑元素A的性质标识,查找与所述性质标识对应的编辑器;
S23,加载所述编辑器,读取所述可编辑元素A中记载的初始内容,按照操作人员的指令对所述初始内容进行编辑,将编辑后的内容更新到所述可编辑元素A的编辑区域,并获得当前可编辑元素A中所有内容所对应的源码;
S24,将源码上传到服务器端并更新到数据库中。
通过采用本发明公开的上述技术方案,得到了如下有益的效果:本发明所述系统过对模板内容性质识别的方案去定制通用编辑器,如文字编辑器和图片编辑器,使定制的编辑器能够被复用,能更快、更多的满足各种类型的模板页面;明显减少模板页面编辑系统编辑器的开发工作量,提高模板页面开发人员的工作效率,减少沟通成本,模板页面开发人员可根据所述系统提供的模版自行制作页面。
以上所述仅是本发明的优选实施方式,应当指出,对于本技术领域的普通技术人员来说,在不脱离本发明原理的前提下,还可以做出若干改进和润饰,这些改进和润饰也应视本发明的保护范围。
Claims (8)
1.一种模板页面编辑系统,其特征在于,该系统包括:
模板页存储分析单元,分析html页,对html页上的可编辑元素进行性质标识后存储;
页面建立单元,从模板页存储分析单元选择任意一个html页作为初始页面添加到新创建的模板页面记录中,完成页面的建立;
编辑子系统,载入建立的页面,并监听JS鼠标移动事件,当鼠标经过被标记过性质标识的任意一个可编辑元素A时,查找并获得与所述可编辑元素A的性质标识对应的编辑器,加载所述编辑器,读取并编辑所述可编辑元素A中记载的初始内容,得到更新后的可编辑元素A中内容所对应的源码,并上传到服务器端并更新到数据库中;
发布单元,从数据库中获得所述源码,发布并生成.html文件;
所述编辑子系统包括:判断单元、分析查找单元、编辑单元和上传单元;
判断单元,负责监听JS鼠标移动事件,并判断鼠标当前所在区域是否为被标记过性质标识的可编辑元素A的内容编辑区,如果是,则将可编辑元素A及其信息发送给分析单元;如果否,则继续判断;
分析查找单元,分析并获取所述可编辑元素A的性质标识,查找与所述性质标识对应的编辑器;
编辑单元,加载所述编辑器,读取所述可编辑元素A中记载的初始内容,按照操作人员的指令对所述初始内容进行编辑,将编辑后的内容更新到可编辑元素A中,并获得当前可编辑元素A中所有内容所对应的源码;
上传单元,将源码上传到服务器端并更新到数据库中。
2.根据权利要求1所述模板页面编辑系统,其特征在于,每类可编辑元素对应唯一的性质标识,且每一个性质标识与一个编辑器一一对应设置。
3.根据权利要求1所述模板页面编辑系统,其特征在于,所述系统还包括:编辑器存储单元,用于存储编辑可编辑元素中内容所用到的编辑器。
4.根据权利要求1所述模板页面编辑系统,其特征在于,所述编辑器包括文本编辑器和图形编辑器。
5.根据权利要求1所述模板页面编辑系统,其特征在于,所述数据库还存储标记过性质标识的HTML页。
6.一种基于权利要求1至5任意一项所述模板页面编辑系统的模板页面编辑方法,其特征在于,该方法包括:
S1,选择已被性质标识过的html页作为初始页面添加到模板页面记录中,完成页面的建立;
S2,载入建立的页面,并监听JS鼠标移动事件,当鼠标经过html页中被标记过性质标识的任意一个可编辑元素A时,查找并获得与所述可编辑元素A的性质标识对应的编辑器,加载所述编辑器,读取并编辑所述可编辑元素A中记载的初始内容,得到更新后的可编辑元素A中内容所对应的源码;
S3,从数据库中获得所述源码,发布并生成.html文件。
7.根据权利要求6所述模板页面编辑方法,其特征在于,在步骤S1之前还包括以下步骤:分析html页,对html页上的可编辑元素进行性质标识,将标识过的html页存储到数据库中,从所述数据库中选择已被性质标识过的html页作为初始页面。
8.根据权利要求6所述模板页面编辑方法,其特征在于,步骤S2,具体按照下述步骤实现:
S21,载入建立的页面,并监听JS鼠标移动事件,判断鼠标当前所在区域是否为被标记过性质标识的可编辑元素A的内容编辑区,如果是,则进入S22;如果否,则返回S21;
S22,分析并获取所述可编辑元素A的性质标识,查找与所述性质标识对应的编辑器;
S23,加载所述编辑器,读取所述可编辑元素A中记载的初始内容,按照操作人员的指令对所述初始内容进行编辑,将编辑后的内容更新到可编辑元素A中,并获得当前可编辑元素A中所有内容所对应的源码;
S24,将源码上传到服务器端并更新到数据库中。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201610371425.2A CN106066849B (zh) | 2016-05-30 | 2016-05-30 | 一种模板页面编辑系统及方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201610371425.2A CN106066849B (zh) | 2016-05-30 | 2016-05-30 | 一种模板页面编辑系统及方法 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN106066849A CN106066849A (zh) | 2016-11-02 |
CN106066849B true CN106066849B (zh) | 2019-05-21 |
Family
ID=57421000
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201610371425.2A Active CN106066849B (zh) | 2016-05-30 | 2016-05-30 | 一种模板页面编辑系统及方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN106066849B (zh) |
Families Citing this family (11)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106776510A (zh) * | 2016-11-17 | 2017-05-31 | 金蝶软件(中国)有限公司 | Word内嵌表格生成方法和装置 |
CN106599208B (zh) * | 2016-12-15 | 2022-05-06 | 腾讯科技(深圳)有限公司 | 一种内容分享方法及用户客户端 |
CN108959299B (zh) * | 2017-05-19 | 2022-02-25 | 微软技术许可有限责任公司 | 对象描述 |
CN107918648B (zh) * | 2017-11-09 | 2022-03-25 | 上海欣兆阳信息科技有限公司 | 一种平面设计模板库的建立和模板查找方法 |
CN111444171B (zh) * | 2018-12-28 | 2023-07-14 | 航天信息股份有限公司 | 增值税纳税申报表的生成方法、装置和存储介质 |
CN110321177B (zh) * | 2019-06-18 | 2022-06-03 | 北京奇艺世纪科技有限公司 | 一种移动应用本地化加载方法、装置及电子设备 |
CN110263317B (zh) * | 2019-06-27 | 2023-06-02 | 昆仑数智科技有限责任公司 | 一种生成文档模板的方法及装置 |
CN112632437B (zh) * | 2020-11-27 | 2024-09-06 | 中国银联股份有限公司 | 一种网页页面生成方法、装置及计算机可读存储介质 |
CN114024851B (zh) * | 2021-12-01 | 2024-08-02 | 深圳绿米联创科技有限公司 | 入网配置信息生成方法、入网配置方法、装置及电子设备 |
CN114510916B (zh) * | 2022-02-17 | 2023-07-07 | 平安科技(深圳)有限公司 | 一种模板加载方法、装置、计算机设备及存储介质 |
CN116737190A (zh) * | 2022-03-02 | 2023-09-12 | 厦门雅基软件有限公司 | 组件更新方法、装置、电子设备及计算机可读存储介质 |
Citations (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104298416A (zh) * | 2013-07-19 | 2015-01-21 | 腾讯科技(北京)有限公司 | 即时通讯中自动回复消息的生成方法和装置 |
-
2016
- 2016-05-30 CN CN201610371425.2A patent/CN106066849B/zh active Active
Patent Citations (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104298416A (zh) * | 2013-07-19 | 2015-01-21 | 腾讯科技(北京)有限公司 | 即时通讯中自动回复消息的生成方法和装置 |
Non-Patent Citations (1)
Title |
---|
模板技术在内容管理系统中的应用与实现;赵亚楠等;《计算机工程与设计》;20121031;第33卷(第10期);参见第3848-3857页 |
Also Published As
Publication number | Publication date |
---|---|
CN106066849A (zh) | 2016-11-02 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN106066849B (zh) | 一种模板页面编辑系统及方法 | |
CN104778241B (zh) | 一种报表生成方法及系统 | |
CN102651002B (zh) | 一种网页信息抽取方法及其系统 | |
CN111782635B (zh) | 数据处理方法和装置、存储介质和电子装置 | |
CN109684847A (zh) | 脚本漏洞的自动修复方法、装置、设备及存储介质 | |
TW200502802A (en) | Method, device and system for intelligent right data search management as well as the storage medium storing and executing computer program of this method | |
CN113242159B (zh) | 应用访问关系确定方法及装置 | |
CN106557410A (zh) | 基于人工智能的用户行为分析方法和装置 | |
CN107291775A (zh) | 错误样本的修复语料生成方法和装置 | |
CN104967532A (zh) | Toc技术运维系统及应用方法 | |
CN105224465A (zh) | 网页调试方法及装置 | |
CN104765787B (zh) | 软件系统内要素文件关联关系分析方法及系统 | |
CN108846134A (zh) | 一种基于网络爬虫的运维方案推荐系统及方法 | |
CN109636303A (zh) | 一种半自动提取和结构化文档信息的存储方法及系统 | |
CN103247087A (zh) | 城市配网图形化智能防误操作系统及其方法 | |
CN106250390A (zh) | 一种分步自动生成sql语言的方法及装置 | |
CN107544894A (zh) | 一种日志处理的方法、装置及服务器 | |
CN114356502B (zh) | 基于边缘计算技术的非结构化数据标记、训练和发布系统及方法 | |
CN111159988B (zh) | 一种模型处理方法、装置、计算机设备及存储介质 | |
CN110276225A (zh) | 一种水厂设备巡检数据系统 | |
CN107463417A (zh) | 一种应用程序模板安装方法和装置 | |
CN108989074A (zh) | 程序升级方法和程序升级装置 | |
CN105227333B (zh) | 网元设备数据维护的方法和装置 | |
CN106446192A (zh) | 签核文件管理方法及装置 | |
CN111783391A (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 | ||
GR01 | Patent grant | ||
GR01 | Patent grant |