[发明专利]一种实现单窗口下多标签页的切换方法及装置

说明书

本发明公开了一种实现单窗口下多标签页的切换方法及装置，方法包括：获取预先编写好的顶部的标签页组件；获取若干个标签页的标识id,根据标识id将标签页的对象属性进行存储；检测到标签页切换指令，获取切换后的标签页的标识id,将切换后的标签页的标识id标记作为当前标签页的标识id；根据标识id获取对应标签页的对象属性，根据对象属性对标签页的对象进行渲染，完成标签页面切换。本发明实施例旨在实现单窗口下多标签页编辑的功能，每个标签页相当于独立打开单个窗口进行编辑，每个窗口下的对象都是独立的，在基于js编程的基础上，使得图形化编辑器的功能日趋完善。

技术领域

本发明涉及通信技术领域，尤其涉及一种实现单窗口下多标签页的切换方法及装置。

背景技术

在web开发中，需要使用很多的第三方库，用来实现编辑器的各种功能。而ace作为一个成熟的第三方库，提供了强大的编辑器组件。ACE编辑器可以编写代码或文本，能够实现代码高亮、缩进等功能。然后ace本身并没有多标签页的状态。当用户编写python的频率越来越高，有越来越多的python文件需要相互依赖编辑的时候，单页面或者多窗口打开的编辑器无法满足用户的编写需求，为用户在ace编辑器中编辑文本带来了不便。

因此，现有技术还有待于改进和发展。

发明内容

鉴于上述现有技术的不足，本发明的目的在于提供一种实现单窗口下多标签页的切换方法及装置，旨在解决现有技术中ACE编辑器的单面或者多窗口打开的编辑器无法满足用户的编写需求的问题。

本发明的技术方案如下：

一种实现单窗口下多标签页的切换方法，应用于图形化编辑器，所述方法包括：

获取预先编写好的顶部的标签页组件；

获取若干个标签页的标识id,根据标识id将标签页的对象属性进行存储；

检测到标签页切换指令，获取切换后的标签页的标识id,将切换后的标签页的标识id标记作为当前标签页的标识id；

根据标识id获取对应标签页的对象属性，根据对象属性对标签页的对象进行渲染，完成标签页面切换。

可选地，所述获取预先编写好的顶部的标签页组件，包括：

获取预先通过reactjs和css的预编译处理器sass编写的顶部的标签页组件。

可选地，所述获取若干个标签页的标识id,根据标识id将标签页的对象属性进行存储前，还包括：

在redux中加入state,所述state用于存储标签页的对象属性。

可选地，所述获取若干个标签页的标识id,根据标识id将标签页的对象属性进行存储，包括：

获取若干个标签页的唯一的hash值,将唯一的hash值作为标签页对应的标识id；

以标识id的值作为key值，将对应的标签页的对象属性存储在state中。

可选地，所述检测到标签页切换指令，获取切换后的标签页的标识id,将切换后的标签页的标识id标记作为当前标签页的标识id，包括：

检测到标签页切换指令，redux会触发一个动作函数，同时获取当前切换后的标签页；

获取存储的切换后的标签页的标识id,将切换后的标签页的标识id传递给动作函数；

根据动作函数将切换后的标签页的标识id替换标记当前标签页的标识id，实现将切换后的标签页的标识id作为当前标签页的标识id。

可选地，所述对象属性包括标签页的文本数据、积木数据、保存状态和编辑状态。