一种可视化编辑器及使用方法技术

本发明专利技术涉及一种可视化编辑器及使用方法，其中，可视化编辑器包括展示模块、调整模块、编辑模块和交互模块；展示模块，用于通过筛选方式对复合组件进行查找，得到所述复合组件的条目，对所述条目进行展示；调整模块，用于对所述条目的排序进行调整；编辑模块，用于对所述条目进行添加、修改和删除操作；交互模块，用于对所述条目关联交互事件。本发明专利技术操作简单，可方便地对复合组件进行工整地展示，只需简单操作即可进行编辑、增加和删除操作，并可以调整条目的顺序，增加交互，丰富编辑器的内容，使编辑器更具有可塑造性。器更具有可塑造性。器更具有可塑造性。

【技术实现步骤摘要】
一种可视化编辑器及使用方法


[0001]本专利技术涉及编辑器领域，具体涉及一种可视化编辑器及使用方法。

技术介绍

[0002]在原型设计中，多项目复合组件是拥有多个文本条目的组件，如选项卡、树、分段控件等，对于多项类型复合组件来说，要使多项目复合组件具有可扩展性，则需要对其各个组成元素进行封装，其结果是复杂的，如果按常规的一步一步进入内部，找到需要更改内容的组件，然后再通过常规的方式进行内容的修改，虽然能达到目的，但操作不方便，操作时间过长。而复杂的封装具有以下几大问题：操作复杂，需要花费很多时间才能编辑内容或调整样式；无法做到调整条目顺序、设置默认选项等操作。

技术实现思路

[0003]本专利技术所要解决的技术问题是针对现有技术的不足，提供一种可视化编辑器及使用方法。操作简单，可方便地对复合组件进行工整地展示，只需简单操作即可进行编辑、增加和删除操作，并可以调整条目的顺序，增加交互，丰富编辑器的内容，使编辑器更具有可塑造性。
[0004]本专利技术解决上述技术问题的技术方案如下：
[0005]一种可视化编辑器，包括展示模块、调整模块、编辑模块和交互模块；
[0006]所述展示模块，用于通过筛选方式对复合组件进行查找，得到所述复合组件的条目，对所述条目进行展示；
[0007]所述调整模块，用于对所述条目的排序进行调整；
[0008]所述编辑模块，用于对所述条目进行添加、修改和删除操作；
[0009]所述交互模块，用于对所述条目关联交互事件。
[0010]本专利技术的有益效果是：操作简单，可方便地对复合组件进行工整地展示，只需简单操作即可进行编辑、增加和删除操作，并可以调整条目的顺序，增加交互，丰富编辑器的内容，使编辑器更具有可塑造性。
[0011]进一步，所述条目包括文本、图标和图像；
[0012]所述展示模块，具体用于根据预设优先级对所述文本、所述图标和所述图像按照树型结构进行展示；通过接收外部设备的展开信号对所述条目进行展开，得到多个子条目，再次通过接收外部设备的折叠信号对所述子条目进行折叠。
[0013]采用上述进一步方案的有益效果是：采用树型结构展开可方便地对复合组件进行工整地展示，折叠与展开的展示方式更利于查看多条目内容。
[0014]进一步，所述调整模块包括上移按钮和下移按钮；所述调整模块具体用于：通过拖曳方式调整所述条目的顺序；或通过所述上移按钮对所述条目进行上移操作，通过所述下移按钮对所述条目进行下移操作。
[0015]采用上述进一步方案的有益效果是：简单操作即可调整条目的顺序。
[0016]进一步，所述编辑模块包括新增按钮和删除按钮；
[0017]所述编辑模块具体用于：通过所述新增按钮在所述条目的最后一项生成输入框添加新条目；
[0018]根据所述条目的类型，通过接收外部设备的修改信号对文本进行修改，或通过图标和图像替换的方式修改所述条目；
[0019]通过所述删除按钮或键盘Delete键对所述条目进行删除。
[0020]采用上述进一步方案的有益效果是：简单操作即可进行编辑、增加和删除操作。
[0021]进一步，所述对所述条目关联交互事件具体包括：根据所述条目的索引关联交互事件；所述交互事件包括属性变更和页面跳转。
[0022]采用上述进一步方案的有益效果是：增加交互，丰富编辑器的内容，使编辑器更具有可塑造性。
[0023]本专利技术还提供一种可视化编辑器的使用方法，包括以下步骤：
[0024]通过筛选方式对复合组件进行查找，得到所述复合组件的条目；并对所述条目进行展示；
[0025]对所述条目的排序进行调整；
[0026]对所述条目进行添加、修改和删除操作；
[0027]对所述条目关联交互事件。
[0028]进一步，所述条目包括文本、图标和图像；
[0029]所述对对所述条目进行展示，具体包括：
[0030]根据预设优先级对所述文本、所述图标和所述图像按照树型结构进行展示；通过接收外部设备的展开信号对所述条目进行展开，得到多个子条目，再次通过接收外部设备的折叠信号对所述子条目进行折叠。
[0031]进一步，所述对所述条目的排序进行调整具体包括：
[0032]通过拖曳方式调整所述条目的顺序；或通过所述上移按钮对所述条目进行上移操作，通过所述下移按钮对所述条目进行下移操作。
[0033]进一步，所述对所述条目进行添加、修改和删除操作，具体包括：
[0034]通过所述新增按钮在所述条目的最后一项生成输入框添加新条目；
[0035]根据所述条目的类型，选择通过接收外部设备的修改信号对文本进行修改，或者直接通过图标和图像替换的方式修改所述条目；
[0036]通过所述删除按钮或键盘Delete键对所述条目进行删除。
[0037]进一步，所述对所述条目关联交互事件，具体包括：
[0038]根据所述条目的索引关联交互事件；
[0039]所述交互事件包括属性变更和页面跳转。
附图说明
[0040]图1为本专利技术一实施例提供的一种可视化编辑器的功能模块示意图；
[0041]图2为本专利技术一实施例提供的一种可视化编辑器的界面示意图；
[0042]图3为本专利技术一实施例提供的一种可视化编辑器使用方法的流程示意图。
具体实施方式
[0043]以下结合附图对本专利技术的原理和特征进行描述，所举实例只用于解释本专利技术，并非用于限定本专利技术的范围。
[0044]实施例一
[0045]如图1所示，一种可视化编辑器，包括展示模块、调整模块、编辑模块和交互模块；
[0046]所述展示模块，用于通过筛选方式对复合组件进行查找，得到所述复合组件的条目，对所述条目进行展示；
[0047]所述调整模块，用于对所述条目的排序进行调整；
[0048]所述编辑模块，用于对所述条目进行添加、修改和删除操作；
[0049]所述交互模块，用于对所述条目关联交互事件。
[0050]其中，复合组件按复合组件的内容结构来分析，可以分为文本、图标和图像三种类型。
[0051]本实施例中，操作简单，可方便地对复合组件进行工整地展示，只需简单操作即可进行编辑、增加和删除操作，并可以调整条目的顺序，增加交互，丰富编辑器的内容，使编辑器更具有可塑造性。
[0052]优选的，作为本专利技术的一个实施例，所述条目包括文本、图标和图像；
[0053]所述展示模块，具体用于根据预设优先级对所述文本、所述图标和所述图像按照树型结构进行展示；通过接收外部设备的展开信号对所述条目进行展开，得到多个子条目，再次通过接收外部设备的折叠信号对所述子条目进行折叠。
[0054]其中，按照从文本、图标到图像的优先级对条目内容进行展示，找到的第一个确定当前值编辑器内容的类型为文本、图标、图像中的一种，并把对应内容显示到可视化编辑器上本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种可视化编辑器，其特征在于，包括展示模块、调整模块、编辑模块和交互模块；所述展示模块，用于通过筛选方式对复合组件进行查找，得到所述复合组件的条目，对所述条目进行展示；所述调整模块，用于对所述条目的排序进行调整；所述编辑模块，用于对所述条目进行添加、修改和删除操作；所述交互模块，用于对所述条目关联交互事件。2.根据权利要求书1所述的一种可视化编辑器，其特征在于，所述条目包括文本、图标和图像；所述展示模块，具体用于根据预设优先级对所述文本、所述图标和所述图像按照树型结构进行展示；通过接收外部设备的展开信号对所述条目进行展开，得到多个子条目，再次通过接收外部设备的折叠信号对所述子条目进行折叠。3.根据权利要求书1所述的一种可视化编辑器，其特征在于，所述调整模块包括上移按钮和下移按钮；所述调整模块具体用于：通过拖曳方式调整所述条目的顺序；或通过所述上移按钮对所述条目进行上移操作，通过所述下移按钮对所述条目进行下移操作。4.根据权利要求1所述的一种可视化编辑器，其特征在于，所述编辑模块包括新增按钮和删除按钮；所述编辑模块具体用于：通过所述新增按钮在所述条目的最后一项生成输入框添加新条目；根据所述条目的类型，通过接收外部设备的修改信号对文本进行修改，或通过图标和图像替换的方式修改所述条目；通过所述删除按钮或键盘Delete键对所述条目进行删除。5.根据权利要求1所述的一种可视化编辑器，其特征在于，所述对所述条目关联交互事件具体包括：根据所述条目的索引关联交互事件；所述交互事件包括属性变...

【专利技术属性】
技术研发人员：孟小江，代金，邹雨良，刘松，
申请(专利权)人：成都摹客科技有限公司，
类型：发明
国别省市：