CN111626034B - 一种更适用移动端的非线性编辑方法 - Google Patents

Abstract

本发明公开了一种更适用移动端的非线性编辑方法，涉及大数据技术领域，包括建立客户端和云服务器，在客户端中建立编辑模块、数组分类数据库和预览缓存模块；在云服务器中建立用户数据库、模板数据库、共享链接地址数据库；客户端和云服务器通过移动网络通信；共享链接地址数据库用于存储互联网中的共享的图片链接地址和视频链接地址；模板数据库用于存储排版模板，解决了传统“线性编辑”段落位置调整困难，图文对应混乱，预览困难等问题，本发明帮助用户将一整篇文章划分成n个段落分而治之，段落的增加、删除、排序操作更加方便，将段落本身的操作和段落内文字、图片的操作分层，有效提高了图文内容编辑效率。

Description

一种更适用移动端的非线性编辑方法

技术领域

本发明涉及大数据技术领域，具体涉及一种更适用移动端的非线性编辑方法。

背景技术

目前，在手机端编辑大量的文字采用的依然是类似于传统电脑端的操作方式：用户打开编辑器，都是自上而下，逐行进行文字的输入。在需要插入图片、视频等多媒体内容时，也会顺着文字编辑的进度进行插入操作。如果需要把已写成的段落进行位置的移动，用户只能通过剪切粘贴的方式。

这种传统的编辑方式称为“线性编辑”，因为编辑的文本是作为一个整体，从上到下、从左到右逐字逐句连续线性的。由于用户在使用电脑的时候，鼠标和键盘的功能非常强大，因此，线性编辑在电脑端是很高效的。

然而，由于手机等移动端设备屏幕尺寸有限，全部依赖触摸操作，用户和设备的交互方式与传统电脑有着本质的差别，“线性编辑”在移动端就变得十分低效。

例如在移动端，用户想要把两个段落进行位置的互换，需要用手指长按屏幕，选择某段文字，在弹出菜单中点击剪切，滑动文本，找到需要放置的位置，再点击屏幕，选择粘贴操作。

再比如，用户想要在文章中插入一些图片，再对每张图片配上说明文字，他需要点击上传图片，选择几张图片，此时这些图片是被连续插入在文章的某个位置的，接下来，他需要用手指点击到图片之间的空隙中，为图片一一添加描述文字。由于手机屏幕不大，一屏能展示的图片只有1到2张，这种操作稍有不慎，就会出错，导致图片和描述的混乱。

此时，如果想要把图片位置进行调换，还要保持描述文字一一对应不出差错，用户操作起来就难上加难了。

发明内容

本发明的目的是提供一种更适用移动端的非线性编辑方法，解决了传统“线性编辑”段落位置调整困难，图文对应混乱，预览困难等问题。

为实现上述目的，本发明采用以下技术方案：

一种更适用移动端的非线性编辑方法，包括如下步骤：

步骤1：建立客户端和云服务器，在客户端中建立编辑模块、数组分类数据库和预览缓存模块；在云服务器中建立用户数据库、模板数据库、共享链接地址数据库；

客户端和云服务器通过移动网络通信；

共享链接地址数据库用于存储互联网中的共享的图片链接地址和视频链接地址；

模板数据库用于存储排版模板；

步骤2：编辑模块提供可视化编辑页面，在可视化编辑页面中提供段落列表，段落列表包括文字段落、图文段落和视频段落这三个段落类型；

用户在段落列表中选择一个段落类型；

步骤3：当用户选择的段落类型是文字段落时，编辑模块提供进入文字编辑二级页面，在文字编辑二级页面中提供文字输入界面；

用户在文字输入界面中输入文字；

步骤4：编辑模块将文字编辑二级页面中的文字存储在数组分类数据库中，完成文字编辑；

步骤5：编辑模块退出文字编辑二级页面，返回可视化编辑页面；

步骤6：当用户选择的段落类型是图文段落时，编辑模块提供进入图文编辑二级页面，在图文编辑二级页面中提供图片插入界面和图片标题输入界面；

用户分别在图片插入界面和图片标题输入界面中插入图片和输入文字；

步骤7：编辑模块将图文编辑二级页面中的图片和文字存储在数组分类数据库中，完成图文编辑；

步骤8：编辑模块退出图文编辑二级页面，返回可视化编辑页面；

步骤9：当用户选择的段落类型是视频段落时，编辑模块提供进入视频编辑二级页面，在视频编辑二级页面中提供视频链接输入界面和视频标题输入界面；

用户在视频链接输入界面中插入视频链接地址，在视频标题输入界面中输入文字；

步骤10：编辑模块将视频编辑二级页面中的视频链接地址和文字存储在数组分类数据库中，完成视频编辑；

步骤11：重复执行步骤2到步骤10，直到用户输入完所有的文字、图文或视频内容，数组分类数据库按照用户的选择顺序，顺序为所有段落进行编号；

步骤12：用户对段落进行排版，其步骤如下：

步骤S1：编辑模块提供可视化编辑页面中提供添加段落选项、删除段落选项和排序选项；

步骤S2：当用户选择添加段落选项时，编辑模块在段落列表中添加一个新的段落，数组分类数据库为该段落提供相应的数据存储区域；

步骤S3：当用户选择删除段落选项时，编辑模块在段落列表中映射用户需要删除的段落，数组分类数据库清除该段落相应的数据存储区域；

步骤S4：当用户选择排序选项时，编辑模块在可视化编辑页面中提供排序预览页面，用户在排序预览页面中调整段落的顺序，数组分类数据库按照用户的排序，对原有的段落列表中每一个段落的编号进行重新编号；

步骤13：预览缓存模块获取数组分类数据库中的数据，生成预览页面，用户通过预览页面查看排版效果，并完成编辑；

步骤14：编辑模块在可视化编辑页面中提供智能排版选项，用户选择智能排版选项，编辑模块读取云服务器的模板数据库的排版模板，并在可视化编辑页面中展示给用户，用户选择一个排版模板，编辑模块记录该排版模板的编号；

步骤15：编辑模块将数组分类数据库中的所有数据和用户选择的排版模板的编号打包发送给云服务器，云服务器根据用户选择的排版模板对数组分类数据库中的所有数据进行排版，生成智能排版数据；

步骤16：云服务器将智能排版数据发送给客户端，预览缓存模块根据智能排版数据生成智能排版预览页面，完整智能排版。

优选的，在执行步骤4、步骤7和步骤10时，数组分类数据库分别以数组形式对文字、图文和视频进行存储，该数组包括段落类型、文字数据、图片地址链接和视频地址链接。

优选的，在执行步骤4、步骤7和步骤10时，所述段落类型分别包括文字类型编号、图文类型编号和视频类型编号；所述图片地址链接和视频地址链接均由所述云服务器中的所述共享链接地址数据库提供。

优选的，在执行步骤6时，所述编辑模块分别为所述图片插入界面和所述图片标题输入界面分别进行子段落编号，子段落编号的规则为从上之下顺序编号。

优选的，在执行步骤6时，所述编辑模块在所述图文编辑二级页面中提供所述子段落编号的排序选项，并实时更新所述子段落编号。

优选的，所述图片标题输入界面、视频标题输入界面和文字编辑二级页面均采用同一个文字输入界面。

本发明所述的一种更适用移动端的非线性编辑方法，解决了传统“线性编辑”段落位置调整困难，图文对应混乱，预览困难等问题，本发明帮助用户将一整篇文章划分成n个段落分而治之，段落的增加、删除、排序操作更加方便。将段落本身的操作和段落内文字、图片的操作分层，有效提高了图文内容编辑效率。

本发明保证了在移动端小屏幕的条件下，图片和文字的对应关系清晰明确，不会因为图片和文字的整体调整导致“文不对图”的现象发生。针对文章维度的排版切换开关，为用户保证了整篇文章图文位置关系的一致性，有效预防了图文错乱的情况发生。

附图说明

图1是本发明的总流程图；

图2是本发明的段落编辑流程图；

图3是本发明的图文段落编辑流程图。

具体实施方式

如图1-图3所示的一种更适用移动端的非线性编辑方法，包括如下步骤：

步骤1：建立客户端和云服务器，在客户端中建立编辑模块、数组分类数据库和预览缓存模块；在云服务器中建立用户数据库、模板数据库、共享链接地址数据库；

客户端和云服务器通过移动网络通信；

共享链接地址数据库用于存储互联网中的共享的图片链接地址和视频链接地址；

模板数据库用于存储排版模板；

步骤2：编辑模块提供可视化编辑页面，在可视化编辑页面中提供段落列表，段落列表包括文字段落、图文段落和视频段落这三个段落类型；

用户在段落列表中选择一个段落类型；

步骤3：当用户选择的段落类型是文字段落时，编辑模块提供进入文字编辑二级页面，在文字编辑二级页面中提供文字输入界面；

用户在文字输入界面中输入文字；

步骤4：编辑模块将文字编辑二级页面中的文字存储在数组分类数据库中，完成文字编辑；

步骤5：编辑模块退出文字编辑二级页面，返回可视化编辑页面；

步骤6：当用户选择的段落类型是图文段落时，编辑模块提供进入图文编辑二级页面，在图文编辑二级页面中提供图片插入界面和图片标题输入界面；

用户分别在图片插入界面和图片标题输入界面中插入图片和输入文字；

步骤7：编辑模块将图文编辑二级页面中的图片和文字存储在数组分类数据库中，完成图文编辑；

步骤8：编辑模块退出图文编辑二级页面，返回可视化编辑页面；

步骤9：当用户选择的段落类型是视频段落时，编辑模块提供进入视频编辑二级页面，在视频编辑二级页面中提供视频链接输入界面和视频标题输入界面；

用户在视频链接输入界面中插入视频链接地址，在视频标题输入界面中输入文字；

步骤10：编辑模块将视频编辑二级页面中的视频链接地址和文字存储在数组分类数据库中，完成视频编辑；

步骤11：重复执行步骤2到步骤10，直到用户输入完所有的文字、图文或视频内容，数组分类数据库按照用户的选择顺序，顺序为所有段落进行编号；

在本实施例中，优选的，在执行步骤4、步骤7和步骤10时，数组分类数据库分别以数组形式对文字、图文和视频进行存储，该数组包括段落类型、文字数据、图片地址链接和视频地址链接；

优选的，在执行步骤4、步骤7和步骤10时，所述段落类型分别包括文字类型编号、图文类型编号和视频类型编号；所述图片地址链接和视频地址链接均由所述云服务器中的所述共享链接地址数据库提供。

文字类型编号具体为0代表图文段落、1代表文字段落、2代表视频段落。

在文字段落中，数组包含了文字类型编号1和具体的文字数据；

在图文段落中，数组包含了图文段落编号0、具体的图片标题的文字数据和图片的链接地址；

在视频段落中，数组包含了视频段落编号2、具体的视频标题的文字数据和视频的链接地址。

步骤12：用户对段落进行排版，其步骤如下：

步骤S1：编辑模块提供可视化编辑页面中提供添加段落选项、删除段落选项和排序选项；

步骤S2：当用户选择添加段落选项时，编辑模块在段落列表中添加一个新的段落，数组分类数据库为该段落提供相应的数据存储区域；

步骤S3：当用户选择删除段落选项时，编辑模块在段落列表中映射用户需要删除的段落，数组分类数据库清除该段落相应的数据存储区域；

步骤S4：当用户选择排序选项时，编辑模块在可视化编辑页面中提供排序预览页面，用户在排序预览页面中调整段落的顺序，数组分类数据库按照用户的排序，对原有的段落列表中每一个段落的编号进行重新编号；

步骤13：预览缓存模块获取数组分类数据库中的数据，生成预览页面，用户通过预览页面查看排版效果，并完成编辑；

步骤14：编辑模块在可视化编辑页面中提供智能排版选项，用户选择智能排版选项，编辑模块读取云服务器的模板数据库的排版模板，并在可视化编辑页面中展示给用户，用户选择一个排版模板，编辑模块记录该排版模板的编号；

步骤15：编辑模块将数组分类数据库中的所有数据和用户选择的排版模板的编号打包发送给云服务器，云服务器根据用户选择的排版模板对数组分类数据库中的所有数据进行排版，生成智能排版数据；

步骤16：云服务器将智能排版数据发送给客户端，预览缓存模块根据智能排版数据生成智能排版预览页面，完整智能排版。

优选的，在执行步骤6时，所述编辑模块分别为所述图片插入界面和所述图片标题输入界面分别进行子段落编号，子段落编号的规则为从上之下顺序编号。

优选的，在执行步骤6时，所述编辑模块在所述图文编辑二级页面中提供所述子段落编号的排序选项，并实时更新所述子段落编号。

优选的，所述图片标题输入界面、视频标题输入界面和文字编辑二级页面均采用同一个文字输入界面。

在本实施例中，文章中文字的前后顺序即为上下位置顺序。

本实施例中，排版功能可以实现”字上图下“或”字下图上“的排版，实现的逻辑是在每一篇文章的config字段，设置text_pos属性。如果该值为1，则代表这篇文章是”字上图下“的，在渲染时，先渲染文字，再渲染图片；如果该值为2，则代表这篇文章是”字下图上“的，在渲染时，先渲染图片，再渲染文字。

在本实施例中，视频段落在排版时分为“视频上字下”或“字上视频下”的情况，其排版原理和方法与图文段落的排版原理和方法相同。

用户任何时候都可以修改文章图文的上下关系，修改后立即生效。

本实施例中，文字采用了HTML标准标签，字体的设置，通过云服务器提供字体服务，将用户配置的字体，通过云服务器下发给客户端，客户端浏览器将CSS的font-family属性设置成下发的字体文件名称，完成不同字体的渲染。

排版模板通过HTML+CSS的技术进行展示的，HTML用于展示用户文章的内容骨架，CSS用于渲染文章的样式，模板的本质就是一个个不同的CSS，不同的CSS可以将同一个HTML渲染成不同的网页样式。

音乐是通过HTML标准audio元素进行渲染的，audio作为一个组件挂载在HTML文档中播放音乐。

本发明所述的一种更适用移动端的非线性编辑方法，解决了传统“线性编辑”段落位置调整困难，图文对应混乱，预览困难等问题，本发明帮助用户将一整篇文章划分成n个段落分而治之，段落的增加、删除、排序操作更加方便。将段落本身的操作和段落内文字、图片的操作分层，有效提高了图文内容编辑效率。

本发明保证了在移动端小屏幕的条件下，图片和文字的对应关系清晰明确，不会因为图片和文字的整体调整导致“文不对图”的现象发生。针对文章维度的排版切换开关，为用户保证了整篇文章图文位置关系的一致性，有效预防了图文错乱的情况发生。

丰富的文字样式，让用户在小屏幕上依然对文字样式有很大的设置空间，保证了文字的丰富度，也为用户在不同场景下的表达提供了更多可能。

效果预览让用户可以一边创作、一边预览，及时调整自己文字和图片，让移动端创作更高效。模板、音乐、字体等样式功能，让传统的文章“活”了起来，营造出一种多感官的阅读体验。

Claims (6)

1.一种更适用移动端的非线性编辑方法，其特征在于：包括如下步骤：

步骤1：建立客户端和云服务器，在客户端中建立编辑模块、数组分类数据库和预览缓存模块；在云服务器中建立用户数据库、模板数据库、共享链接地址数据库；

客户端和云服务器通过移动网络通信；

共享链接地址数据库用于存储互联网中的共享的图片链接地址和视频链接地址；

模板数据库用于存储排版模板；

步骤2：编辑模块提供可视化编辑页面，在可视化编辑页面中提供段落列表，段落列表包括文字段落、图文段落和视频段落这三个段落类型；

用户在段落列表中选择一个段落类型；

步骤3：当用户选择的段落类型是文字段落时，编辑模块提供进入文字编辑二级页面，在文字编辑二级页面中提供文字输入界面；

用户在文字输入界面中输入文字；

步骤4：编辑模块将文字编辑二级页面中的文字存储在数组分类数据库中，完成文字编辑；

步骤5：编辑模块退出文字编辑二级页面，返回可视化编辑页面；

步骤6：当用户选择的段落类型是图文段落时，编辑模块提供进入图文编辑二级页面，在图文编辑二级页面中提供图片插入界面和图片标题输入界面；

用户分别在图片插入界面和图片标题输入界面中插入图片和输入文字；

步骤7：编辑模块将图文编辑二级页面中的图片和文字存储在数组分类数据库中，完成图文编辑；

步骤8：编辑模块退出图文编辑二级页面，返回可视化编辑页面；

步骤9：当用户选择的段落类型是视频段落时，编辑模块提供进入视频编辑二级页面，在视频编辑二级页面中提供视频链接输入界面和视频标题输入界面；

用户在视频链接输入界面中插入视频链接地址，在视频标题输入界面中输入文字；

步骤10：编辑模块将视频编辑二级页面中的视频链接地址和文字存储在数组分类数据库中，完成视频编辑；

步骤11：重复执行步骤2到步骤10，直到用户输入完所有的文字、图文或视频内容，数组分类数据库按照用户的选择顺序，顺序为所有段落进行编号；

步骤12：用户对段落进行排版，其步骤如下：

步骤S1：编辑模块提供可视化编辑页面中提供添加段落选项、删除段落选项和排序选项；

步骤S2：当用户选择添加段落选项时，编辑模块在段落列表中添加一个新的段落，数组分类数据库为该段落提供相应的数据存储区域；

步骤S3：当用户选择删除段落选项时，编辑模块在段落列表中映射用户需要删除的段落，数组分类数据库清除该段落相应的数据存储区域；

步骤S4：当用户选择排序选项时，编辑模块在可视化编辑页面中提供排序预览页面，用户在排序预览页面中调整段落的顺序，数组分类数据库按照用户的排序，对原有的段落列表中每一个段落的编号进行重新编号；

步骤13：预览缓存模块获取数组分类数据库中的数据，生成预览页面，用户通过预览页面查看排版效果，并完成编辑；

步骤14：编辑模块在可视化编辑页面中提供智能排版选项，用户选择智能排版选项，编辑模块读取云服务器的模板数据库的排版模板，并在可视化编辑页面中展示给用户，用户选择一个排版模板，编辑模块记录该排版模板的编号；

步骤15：编辑模块将数组分类数据库中的所有数据和用户选择的排版模板的编号打包发送给云服务器，云服务器根据用户选择的排版模板对数组分类数据库中的所有数据进行排版，生成智能排版数据；

步骤16：云服务器将智能排版数据发送给客户端，预览缓存模块根据智能排版数据生成智能排版预览页面，完整智能排版。

2.如权利要求1所述的一种更适用移动端的非线性编辑方法，其特征在于：在执行步骤4、步骤7和步骤10时，数组分类数据库分别以数组形式对文字、图文和视频进行存储，该数组包括段落类型、文字数据、图片地址链接和视频地址链接。

3.如权利要求2所述的一种更适用移动端的非线性编辑方法，其特征在于：在执行步骤4、步骤7和步骤10时，所述段落类型分别包括文字类型编号、图文类型编号和视频类型编号；所述图片地址链接和视频地址链接均由所述云服务器中的所述共享链接地址数据库提供。

4.如权利要求1所述的一种更适用移动端的非线性编辑方法，其特征在于：在执行步骤6时，所述编辑模块分别为所述图片插入界面和所述图片标题输入界面进行子段落编号，子段落编号的规则为从上至 下顺序编号。

5.如权利要求4所述的一种更适用移动端的非线性编辑方法，其特征在于：在执行步骤6时，所述编辑模块在所述图文编辑二级页面中提供所述子段落编号的排序选项，并实时更新所述子段落编号。

6.如权利要求4所述的一种更适用移动端的非线性编辑方法，其特征在于：所述图片标题输入界面、视频标题输入界面和文字编辑二级页面均采用同一个文字输入界面。

Images