CN112528203A - 基于网页的在线文档制作方法及*** - Google Patents
基于网页的在线文档制作方法及*** Download PDFInfo
- Publication number
- CN112528203A CN112528203A CN202011511157.2A CN202011511157A CN112528203A CN 112528203 A CN112528203 A CN 112528203A CN 202011511157 A CN202011511157 A CN 202011511157A CN 112528203 A CN112528203 A CN 112528203A
- Authority
- CN
- China
- Prior art keywords
- online document
- information
- online
- editing
- document
- 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 79
- 230000000694 effects Effects 0.000 claims description 24
- 238000004519 manufacturing process Methods 0.000 claims description 24
- 238000009877 rendering Methods 0.000 claims description 12
- 230000008676 import Effects 0.000 claims description 10
- 238000004590 computer program Methods 0.000 claims description 9
- 230000009191 jumping Effects 0.000 claims description 5
- 238000012544 monitoring process Methods 0.000 claims description 4
- 230000008569 process Effects 0.000 description 14
- 238000004364 calculation method Methods 0.000 description 6
- 238000010586 diagram Methods 0.000 description 6
- 230000006870 function Effects 0.000 description 6
- 230000001960 triggered effect Effects 0.000 description 6
- 238000004422 calculation algorithm Methods 0.000 description 4
- 238000012545 processing Methods 0.000 description 4
- 230000000007 visual effect Effects 0.000 description 4
- 230000005540 biological transmission Effects 0.000 description 3
- 238000011161 development Methods 0.000 description 3
- 230000009286 beneficial effect Effects 0.000 description 2
- 238000004891 communication Methods 0.000 description 2
- 238000013500 data storage Methods 0.000 description 2
- 238000012217 deletion Methods 0.000 description 2
- 230000037430 deletion Effects 0.000 description 2
- 238000005516 engineering process Methods 0.000 description 2
- 238000009434 installation Methods 0.000 description 2
- 230000007246 mechanism Effects 0.000 description 2
- 230000003287 optical effect Effects 0.000 description 2
- 230000000750 progressive effect Effects 0.000 description 2
- 230000003068 static effect Effects 0.000 description 2
- 230000007704 transition Effects 0.000 description 2
- 230000008094 contradictory effect Effects 0.000 description 1
- 238000010295 mobile communication Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
Images
Classifications
-
- 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
-
- 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
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/194—Calculation of difference between files
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T19/00—Manipulating 3D models or images for computer graphics
- G06T19/20—Editing of 3D images, e.g. changing shapes or colours, aligning objects or positioning parts
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- Computational Linguistics (AREA)
- General Health & Medical Sciences (AREA)
- Health & Medical Sciences (AREA)
- Audiology, Speech & Language Pathology (AREA)
- Artificial Intelligence (AREA)
- Databases & Information Systems (AREA)
- Data Mining & Analysis (AREA)
- Architecture (AREA)
- Computer Graphics (AREA)
- Computer Hardware Design (AREA)
- Software Systems (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本发明涉及大数据技术领域，提供了一种基于网页的在线文档制作方法，包括：通过Vue框架搭建在线文档编辑网页；对在线文档编辑网页的组件加载方式进行配置；获取用户在在线文档编辑网页的操作信息，根据操作信息获取对应的目标组件；根据目标组件执行对应的操作，以进行在线文档的制作。此外，本发明还涉及区块链技术，所述操作信息可存储于区块链节点中。本发明实施例通过利用Vue框架搭建的在线文档编辑网页制作在线文档的方式，使得用户无需从云端下载文档或者将本地编辑好的文档上传至云端，也可以实现对文档的编辑，极大地提高了用户的体验和工作效率。
Description
技术领域
本发明实施例涉及大数据技术领域，尤其涉及一种基于网页的在线文档制作方法及***。
背景技术
随着互联网的高速发展，“云概念”逐渐进入我们的生活，例如：移动硬盘、U盘逐渐被云盘所取代。因为云盘更安全和也更便捷，而今office办公也搬到了云端，甚至一系列office办公流程都可以在云端操作完成，只要用户拥有云端的账号和密码，就可以在任何地方、任何人的电脑端/移动端访问云端获取自己的资料。
现有的通过云盘访问资料的方式为：当用户需要从其他设备终端获取资料时，需要从云盘下载资料，然后借助本地安装的第三方办公工具(如WPS、PowerPoint等)实现对资料的查看、编辑或者分享等功能；当用户需要将资料同步至其他设备终端时，需要将资料上传至云盘。然而，若用户端没有安装第三方办公工具，则无法对该资料进行查看或编辑，而且用户在使用过程中，还经常遇到软件的安装与更新的问题。同时，通过上传和下载资料的方式，使得资料的制作过程和演示过程变得繁琐，用户的体验低下，降低了用户的工作效率。
故，本发明旨在解决如何在本地未安装第三方办公工具的条件下，实现在线文档制作和演示的问题。
发明内容
有鉴于此，有必要提供一种基于网页的在线文档制作方法、***、计算机设备及可读存储介质，能够解决在本地未安装第三方办公工具的条件下，实现在线文档制作和演示的问题。
为实现上述目的，本发明实施例提供了一种基于网页的在线文档制作方法，所述方法包括：
通过Vue框架搭建在线文档编辑网页；
对所述在线文档编辑网页的组件加载方式进行配置，所述组件加载方式包括按需加载方式；
获取用户在所述在线文档编辑网页的操作信息，所述操作信息包括音频编辑信息、视频编辑信息、在线录音信息、屏幕录制信息、倒计时设置信息、3D演示特效设置信息、水印设置信息、素材导入与导出信息和/或播放时间设置信息；
根据所述操作信息获取对应的目标组件；
根据所述目标组件执行对应的操作，以进行在线文档的制作。
可选地，所述根据所述操作信息进行在线文档的制作，所述根据所述目标组件执行对应的操作，以进行在线文档的制作，包括：
当所述操作信息为所述3D演示特效设置信息时，根据安装的3D模型组件，对与所述操作信息对应的操作对象进行3D渲染，以实现所述在线文档3D特效的制作。
可选地，所述根据所述目标组件执行对应的操作，以进行在线文档的制作，包括：
当所述操作信息为屏幕录制信息时，通过视频流获取组件获取所述在线文档编辑网页的视频流；
通过视频流存储组件将所述视频流进行存储，以实现所述在线文档编辑网页的屏幕录制。
可选地，所述根据所述目标组件执行对应的操作，以进行在线文档的制作，包括：
根据所述目标组件，从所述在线文档的各个DOM节点中查询与所述操作信息对应的操作对象的真实DOM节点，并将所述真实DOM编译成虚拟DOM；
获取所述操作信息之前的第一虚拟DOM和所述操作信息之后的第二虚拟DOM；
将所述第一虚拟DOM和所述第二虚拟DOM进行比较，以获得所述第一虚拟DOM和所述第二虚拟DOM之间的差异；
将所述差异应用于所述真实DOM中，以对所述在线文档进行更新，实现所述在线文档的制作。
可选地，所述根据所述目标组件执行对应的操作，以进行在线文档的制作之后，还包括：
当侦测到所述用户对所述在线文档的保存操作时，获取所述在线文档中每一页的多个参数，每个参数包括数据名称和数据类型；
将所述每一页的多个参数均放入至预设的数组集合中，得到目标数组集合，并将所述目标数组集合存储至预设的数据库中，并将所述目标数组集合上传至区块链中。
可选地，所述根据所述目标组件执行对应的操作，以进行在线文档的制作之后，包括：
当侦测到所述用户对所述在线文档的演示操作时，生成与所述在线文档对应的链接；
根据所述链接，跳转至所述在线文档的演示页面，以实现所述在线文档的演示播放。
可选地，所述方法还包括：
当所述在线文档处于编辑状态时，触发saveFrom()方法，并计算所述Vue的watch监听时间；
当所述Vue的watch监听达到预设时间时，触发保存所述在线文档。
为实现上述目的，本发明实施例还提供了一种基于网页的在线文档制作***，包括：
搭建模块，用于通过Vue框架搭建在线文档编辑网页；
配置模块，用于对所述在线文档编辑网页的组件加载方式进行配置，所述组件加载方式包括按需加载方式；
获取模块，用于获取用户在所述在线文档编辑网页的操作信息，并根据所述操作信息获取对应的目标组件，所述操作信息包括音频编辑信息、视频编辑信息、在线录音信息、屏幕录制信息、倒计时设置信息、3D演示特效设置信息、水印设置信息、素材导入与导出信息和/或播放时间设置信息；
制作模块，用于根据所述目标组件执行对应的操作，以进行在线文档的制作。
为实现上述目的，本发明实施例还提供了一种计算机设备，所述计算机设备存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述计算机程序被处理器执行时实现如上所述的基于网页的在线文档制作方法的步骤。
为实现上述目的，本发明实施例还提供了一种计算机可读存储介质，所述计算机可读存储介质内存储有计算机程序，所述计算机程序可被至少一个处理器所执行，以使所述至少一个处理器执行如上所述的基于网页的在线文档制作方法的步骤。
本发明实施例提供的基于网页的在线文档制作方法、***、计算机设备及可读存储介质，通过Vue框架搭建在线文档编辑网页，然后，对所述在线文档编辑网页的组件加载方式进行配置，最后，获取用户在所述在线文档编辑网页的操作信息，并根据所述操作信息获取对应的目标组件，并根据所述目标组件执行对应的操作，以进行在线文档的制作。本发明实施例能够根据用户在所述在线文档编辑网页的操作进行在线文档的制作，使得用户在未安装第三方办公工具的条件下，也能够通过不同的终端随时编辑和查看文档，即使用户终端不慎被盗或者丢失，所述文档也不会遗失。同时，本发明实施例通过利用Vue框架搭建的在线文档编辑网页制作在线文档的方式，使得用户无需从云端下载文档或者将本地编辑好的文档上传至云端，也可以实现对文档的编辑，极大地提高了用户的体验和工作效率。
附图说明
图1为本发明实施例之基于网页的在线文档制作方法的应用环境图；
图2为本发明实施例之基于网页的在线文档制作方法的步骤流程图；
图3为图2中步骤S108的另一种示例性的步骤流程图；
图4为本发明实施例之基于网页的在线文档制作方法的另一种示例性的步骤流程图；
图5为本发明实施例之基于网页的在线文档制作方法的另一种示例性的步骤流程图；
图6为本发明实施例之基于网页的在线文档制作***的程序模块示意图；
图7为本发明实施例之计算机设备的硬件架构示意图。
本发明目的的实现、功能特点及优点将结合实施例，参照附图做进一步说明。
具体实施方式
为了使本发明的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本发明进行进一步详细说明。应当理解，此处所描述的具体实施例仅用以解释本发明，并不用于限定本发明。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。
需要说明的是，在本发明中涉及“第一”、“第二”等的描述仅用于描述目的，而不能理解为指示或暗示其相对重要性或者隐含指明所指示的技术特征的数量。由此，限定有“第一”、“第二”的特征可以明示或者隐含地包括至少一个该特征。另外，各个实施例之间的技术方案可以相互结合，但是必须是以本领域普通技术人员能够实现为基础，当技术方案的结合出现相互矛盾或无法实现时应当认为这种技术方案的结合不存在，也不在本发明要求的保护范围之内。
参阅图1，示出了本发明实施例之基于网页的在线文档制作方法的应用环境图。图1中包括服务器和客户端1～n，当然也可以是服务器集群和客户端1～n，在本发明实施例中仅示出了一个服务器，并以一个服务器为例进行说明。用户在客户端1～n中任意一个客户端进行在线文档的编辑并保存后，若该用户使用其他任意一个客户端，均可以在所述在线文档的基础之上继续在线编辑或查看所述在线文档。下面以用户在其中一台客户端进行在线文档的制作为例进行说明。
实施例一
参阅图2，示出了本发明实施例之基于网页的在线文档制作方法的步骤流程图。可以理解，本方法实施例中的流程图不用于对执行步骤的顺序进行限定。需要说明是，本实施例以计算机设备为执行主体进行示例性描述，所述计算机设备可以包括诸如手机、平板电脑、笔记本电脑、掌上电脑、个人数字助理(Personal Digital Assistant，PDA)、便携式媒体播放器(Portable Media Player，PMP)、导航装置、可穿戴设备、智能手环、计步器等移动终端，以及诸如数字TV、台式计算机等固定终端。具体包括以下步骤：
步骤S100：通过Vue框架搭建在线文档编辑网页。
Vue是一种构建用户界面的渐进式框架，具有轻量级，应用程序接口(ApplicationProgramming Interface，API)简单，文档齐全，简单强大的优点。通过利用Vue框架搭建的在线文档编辑网页具有轻量级、不依赖第三方软件的、无需下载和安装，支持在线制作、播放和存储优点。在本发明实施例中，所述在线文档可以为幻灯片(PowerPoint，PPT)。
需要说明的是，当所述在线文档编辑网页搭建好之后，用户可以申请注册，每个用户可以新建多个在线文档，只要在网络场景下，无论电脑端还是手机端，随时随地都可以登录进行编辑制作或者演示在线文档，不用担心“文件遗失”或者“忘记带”。在在线文档处于编辑状态时，通过触发saveFrom()方法，并在Vue的watch监听中，当达到预设时间时，自动触发保存所述在线文档，确保文档的及时存储。
步骤S102：对所述在线文档编辑网页的组件加载方式进行配置，所述组件加载方式包括按需加载方式。
需要说明的是：按需加载方式为只有当路由被访问时才加载对应的组件，即打包后的js文件，通过使用require.ensure()加载组件的方式实现组件的按需加载。现有做法中包括非按需加载方式，具体为将整个路由打包成一个js文件，通过加载这个js文件，实现组件的加载，组件越多，则js文件越大，加载越缓慢。
在本实施例中，采用按需加载组件的方式，通过将加载方式配置为按需加载的方式，极大地减轻了客户端的网络请求压力，从而提高组件的加载效率。
在一示例性的实施例中，还获取多个Vue组件，例如：Element-ui组件、swiper组件、Vuedraggable-resizable可拖拽可缩放组件和animate动画效果组件等。通过组件的引入，可以获取所述组件的属性、方法及事件，极大地加快了所述在线编辑网页的开发效率。
步骤S104：获取用户在所述在线文档编辑网页的操作信息。
具体地，所述用户在幻灯片的操作信息可以为新建幻灯片、背景颜色的编辑、背景图片的编辑、文本编辑、图片编辑、音频和视频编辑等。根据用户的操作信息，将对应的信息上传/显示在所述在线文档的对应位置。示例性地，当接收到用户的音频编辑操作信息时，则根据所述音频编辑操作信息将对应的音频上传至所述在线文档中。
步骤S106：根据所述操作信息获取对应的目标组件。
步骤S108：根据所述目标组件执行对应的操作，以对所述在线文档进行制作。
具体地，当用户需要对编辑内容进行调整时，可通过调用对应的组件实现。例如：当侦测到所述用户对图片的尺寸进行调整时，通过调用对应的Vuedraggable-resizable可拖拽可缩放组件实现对所述图片的缩放。在示例性的实施例中，所述方法还将所述操作信息上传至区块链中以保证其安全性和公正透明性。
示例性的，所述在线文档的制作可以包括以下方面：新建幻灯片编辑：初始幻灯片是一张空白的页面，可以点击左侧页面按钮，其中页面按钮包括：背景颜色、背景图片、文本、图片、音频、视频等。背景颜色编辑：点击背景颜色按钮，可选择当前页面的背景颜色。背景图片编辑：点击背景图片按钮，可上传图片，此图片会填充整个空白画布，会覆盖背景颜色，再次上传也会覆盖之前的背景图片。文本编辑：点击文本按钮，右侧空白页面会出现一个文本框，可以给文本框设置动画，也可以删除文本框，这个文本框可以拉大或缩小文本框大小，也能拖动位置，可以在当前页面设置多个文本框。图片编辑：点击图片按钮，会弹出一个上传图片的弹窗，上传成功后，会在空白画布上显示图片，这个图片同样可以拉动大小及位置，也能删除，可以在当前页面上传展示多个图片。音频编辑：点击音频按钮，可上传音频，然后进入当前页时，此音频会自动播放一次。视频编辑：点击音频按钮，可上传视频，可以调整视频展示的大小及位置，然后进入当前页时，可点击播放。
在示例性的实施例中，所述操作信息还可以为在线录音、屏幕录制、倒计时设置、3D演示特效设置、水印设置、素材的导入与导出及播放时间设置。
示例性地，通过安装组件npm i js-audio-recorder，并根据用户需求在需要录音的地方引入import Recorder from'js-audio-recorder'组件实现在线录音。
示例性地，通过使用视频流获取组件以及视频流存储组件，例如，getDisplayMedia组件+MediaRecorder组件，以获取视频流并对该视频流进行存储，实现屏幕录制功能。所述getDisplayMedia组件允许以视频流的形式获取用户的显示器或其一部分，依靠此方法返回一个promise对象，调用成功的返回流，将这个流赋给video元素实现视频流的边录边看。在屏幕录制过程中，将所述getDisplayMedia获取的视频流通过所述MediaRecorder组件存储起来，并且可以将所述视频流保存成对应的视频文件。当需要播放录制的屏幕时，可直接播放所述视频文件即实现屏幕录制的播放。
在实际操作中，用户通过点击屏幕录制按钮，实现屏幕视频录制。通过全程‘语音+幻灯片’讲解的视频录制，用生动且直观的视频来演示你所有的操作过程，适用于课程讲解，操作演示等多种场景。最后录制视频完成，并会生成一个分享幻灯片视频的url链接,即在线视频地址。
在示例性的实施例中，通过安装3D模型组件，对与所述操作信息对应的操作对象进行3D渲染，以实现所述在线文档3D特效的制作。所述3D模型组件可以为npm installvue-3d-model–save组件，并引入import{ModelObj}from'vue-3d-model'组件，实现3D演示特效。通过该方法，打破传统的PPT切换方式，模仿电影视频转场特效，加入生动酷炫的3D镜头缩放、旋转和平移特效，让所述幻灯片的演示像一部3D电影般播放，再加上背景音乐，给观众带来震撼的视觉听觉的冲击。
在示例性的实施例中，通过在app.vue中使用对应的指令，以实现在每个页面添加对应的水印。例如，在幻灯片中设置企业标志及水印，有利于凸显企业品牌效应及保护个人知识劳动成果。在企业标志(logo)设置中，可以通过自定义企业标志或水印的大小、位置及透明度等。标志默认在幻灯片左上角，水印默认倾斜展示与页面，当然水印行数列数也可以自定义设置。
在示例性的实施例中，所述基于网页的在线文档制作方法还获取用户上传的图片、视频、动画及音频，并将所述图片、视频、动画及音频保存至对应的素材库中。当然，还可以根据用户的删除操作对上述素材进行删除。
在示例性的实施例中，通过自定义设置当前页幻灯片播放的时间，例如，5秒、10秒等，或者根据当前页音频讲解的时间来设置当前页幻灯片播放的时间。在播放过程中，当达到设置的播放时间时，通过setInterval方法实现文档的自动播放，并通过父组件传入自动播放间隔时间的方式，使得组件更加灵活。inv为Number类型的props。当鼠标移入时触发clearInv方法，鼠标移出时触发runInv方法。通过定义方法，当goto方法接收一个参数index，并可以跳转到指定页数。在点击前一页和后一页时，通过将nextIndex和prevIndex这两个变量定义在计算属性里以降低计算复杂度，并提升计算速度。
在示例性的实施例中，如图3所示，所述步骤S108可以包括步骤S300～步骤S306。
步骤S300：根据所述目标组件，从所述在线文档的各个文档对象模型(DocumentObject Model，DOM)节点中查询与所述操作信息对应的操作对象的真实DOM节点，并将所述真实DOM编译成虚拟DOM；
步骤S302：获取所述操作信息之前的第一虚拟DOM和所述操作信息之后的第二虚拟DOM；
步骤S304：将所述第一虚拟DOM和所述第二虚拟DOM进行比较，以获得所述第一虚拟DOM和所述第二虚拟DOM之间的差异；
步骤S306：将所述差异应用于所述真实DOM中，以对所述在线文档进行更新，实现所述在线文档的制作。
在本实施例中，通过采用diff算法计算两个文本的差异，并只针对有变化的部分进行真实DOM操作，而非重新渲染整个页面，进而大大地提升了页面渲染的性能。所述DOM是一种处理HTML和XML文件的标准API，提供了对整个文档的访问模型，将文档作为一个树形结构，树的每个结点表示了一个HTML标签或标签内的文本项。
在示例性的实施例中，如图4所示，所述步骤S108中所述根据所述目标组件执行对应的操作，以进行在线文档的制作之后，可以包括步骤S400和步骤S402。
步骤S400：当侦测到所述用户对所述在线文档的保存操作时，获取所述在线文档中每一页的多个参数，每个参数至少包括数据名称和数据类型；
步骤S402：将所述每一页的多个参数放入预设的数组集合中，得到目标数组集合，并将所述目标数组集合存储至数据库中，并将所述目标数组集合上传至区块链中。
具体地，当侦测到用户点击保存幻灯片项目A的按钮时，将所述幻灯片项目A中每一页的幻灯片参数放入预设的数组集合中。然后，通过调用后台接口，将包括每页幻灯片参数的目标数组集合存入至数据库中。当用户下次演示或者编辑所述幻灯片项目A时，通过调用所述后台接口获取所述幻灯片项目A中每一页的参数并以幻灯片效果展示。
每一页的参数请参照如下表1：
将所述目标数组集合上传至区块链可保证其安全性和公正透明性。本示例所指区块链是分布式数据存储、点对点传输、共识机制、加密算法等计算机技术的新型应用模式。区块链(Blockchain)，本质上是一个去中心化的数据库，是一串使用密码学方法相关联产生的数据块，每一个数据块中包含了一批次网络交易的信息，用于验证其信息的有效性(防伪)和生成下一个区块。区块链可以包括区块链底层平台、平台产品服务层以及应用服务层等。
当所述在线文档保存后，若侦测到对所述在线文档的编辑操作时，获取所述在线文档的标识号，并根据所述标识号查询对应的在线文档信息。然后，根据查询结果获取对应的参数，并根据所述参数渲染对应的内容。示例性的，当侦测到用户再次编辑幻灯片A时，则获取所述幻灯片的标识号，并根据所述标识号查询对应的幻灯片信息。然后，根据所述幻灯片信息获取对应的参数，并根据所述参数渲染出对应的幻灯片内容。
在示例性的实施例中，如图5所示，所述步骤S108中所述根据所述目标组件执行对应的操作，以进行在线文档的制作之后，可以包括步骤S500和步骤S502。
步骤S500：当侦测到所述用户对所述在线文档的演示操作时，生成与所述在线文档对应的链接。
步骤S502：根据所述链接，跳转至所述在线文档的演示页面，以实现所述在线文档的演示播放。
具体地，当侦测到用户点击幻灯片项目A的预览/演示按钮时，则生成与该幻灯片项目A对应的链接，其中所述链接包括所述幻灯片项目A的参数，所述参数用于确定演示的幻灯片项目为所述幻灯片项目A。然后根据所述链接，跳转至所述幻灯片项目A以展示所述幻灯片项目A。在实际应用中，所述链接可以在任何网页中打开。
在一示例性的实施例中，所述在线文档的演示播放，可通过用户的点击操作实现，也可以根据设置的自动播放实现自动播放，在本发明实施例中并不作限定。根据所述在线文档播放终端的显示屏幕尺寸大小的不同，例如：PC端、手机移动终端，可通过px转为rem实现所述在线文档编辑网页在对应的播放终端的自适应演示播放。
本发明实施例提供的基于网页的在线文档制作方法，通过Vue框架搭建在线文档编辑网页，然后，对所述在线文档编辑网页的组件加载方式进行配置，最后，获取用户在所述在线文档编辑网页的操作信息，并根据所述操作信息获取对应的目标组件，并根据所述目标组件执行对应的操作，以进行在线文档的制作。本发明实施例通过Vue框架搭建在线文档编辑网页，根据用户在所述在线文档编辑网页的操作进行在线文档的制作，使得用户在未安装第三方办公工具的条件下，也能够通过不同的终端随时编辑和查看文档，即使用户终端不慎被盗或者丢失，所述文档也不会遗失。同时，本发明实施例通过利用Vue框架搭建的在线文档编辑网页制作在线文档的方式，使得用户无需从云端下载文档或者将本地编辑好的文档上传至云端也可实现对文档的编辑，极大地提高了用户的体验和工作效率。
实施例二
基于上述实施例提供的基于网页的在线文档制作方法，请参阅图6，示出了本发明实施例之基于网页的在线文档制作***的程序模块示意图。所述基于网页的在线文档制作***20可以应用于电子设备中。在本实施例中，基于网页的在线文档制作***20可以包括或被分割成一个或多个程序模块，一个或者多个程序模块被存储于存储介质中，并由一个或多个处理器所执行，以完成本发明，并可实现上述基于网页的在线文档制作方法。本发明实施例所称的程序模块是指能够完成特定功能的一系列计算机程序指令段，比程序本身更适合于描述基于网页的在线文档制作***20在存储介质中的执行过程。以下描述将具体介绍本实施例各程序模块的功能：
搭建模块201，用于通过Vue框架搭建在线文档编辑网页。
Vue是一种构建用户界面的渐进式框架，具有轻量级，api简单，文档齐全，简单强大的优点。通过利用Vue框架搭建的在线文档编辑网页具有轻量级、不依赖第三方软件的、无需下载和安装，支持在线制作、播放和存储优点。在本发明实施例中，所述在线文档可以为幻灯片(PowerPoint，PPT)。
需要说明的是，当所述在线文档编辑网页搭建好之后，用户可以申请注册，每个用户可以新建多个在线文档，只要在网络场景下，无论电脑端还是手机端，随时随地都可以登录进行编辑制作或者演示在线文档，不用担心“文件遗失”或者“忘记带”。在在线文档处于编辑状态时，通过触发saveFrom()方法，并在Vue的watch监听中，当达到预设时间时，自动触发保存所述在线文档，确保文档的及时存储。
配置模块202，用于对所述在线文档编辑网页的组件加载方式进行配置，所述组件加载方式包括按需加载方式。
需要说明的是：按需加载方式为只有当路由被访问时才加载对应的组件，即打包后的js文件，通过使用require.ensure()加载组件的方式实现组件的按需加载。现有做法中包括非按需加载方式，具体为将整个路由打包成一个js文件，通过加载这个js文件，实现组件的加载，组件越多，则js文件越大，加载越缓慢。
在本实施例中，采用按需加载组件的方式，通过将加载方式配置为按需加载的方式，极大地减轻了客户端的网络请求压力，从而提高组件的加载效率。
在一示例性的实施例中，所述基于网页的在线文档制作***20还获取多个Vue组件，例如：Element-ui组件、swiper组件、Vuedraggable-resizable可拖拽可缩放组件和animate动画效果组件等。通过组件的引入，可以获取所述组件的属性、方法及事件，极大地加快了所述在线编辑网页的开发效率。
获取模块203，用于获取用户在所述在线文档编辑网页的操作信息，并根据所述操作信息获取对应的目标组件。
具体地，所述用户在幻灯片的操作信息可以为新建幻灯片、背景颜色的编辑、背景图片的编辑、文本编辑、图片编辑、音频和视频编辑等。根据用户的操作信息，将对应的信息上传/显示在所述在线文档的对应位置。示例性地，当接收到用户的音频编辑操作信息时，则根据所述音频编辑操作信息将对应的音频上传至所述在线文档中。在示例性的实施例中，所述获取模块203在获取到所述操作信息后，还将所述操作信息上传至区块链中以保证其安全性和公正透明性。
制作模块204，用于根据所述目标组件执行对应的操作，以对所述在线文档进行制作。
具体地，当用户需要对编辑内容进行调整时，可通过调用对应的组件实现。例如：当侦测到所述用户对图片的尺寸进行调整时，通过调用对应的Vuedraggable-resizable可拖拽可缩放组件实现对所述图片的缩放。
示例性的，所述在线文档的制作可以包括以下方面：新建幻灯片编辑：初始幻灯片是一张空白的页面，可以点击左侧页面按钮，其中页面按钮包括：背景颜色、背景图片、文本、图片、音频、视频等。背景颜色编辑：点击背景颜色按钮，可选择当前页面的背景颜色。背景图片编辑：点击背景图片按钮，可上传图片，此图片会填充整个空白画布，会覆盖背景颜色，再次上传也会覆盖之前的背景图片。文本编辑：点击文本按钮，右侧空白页面会出现一个文本框，可以给文本框设置动画，也可以删除文本框，这个文本框可以拉大或缩小文本框大小，也能拖动位置，可以在当前页面设置多个文本框。图片编辑：点击图片按钮，会弹出一个上传图片的弹窗，上传成功后，会在空白画布上显示图片，这个图片同样可以拉动大小及位置，也能删除，可以在当前页面上传展示多个图片。音频编辑：点击音频按钮，可上传音频，然后进入当前页时，此音频会自动播放一次。视频编辑：点击音频按钮，可上传视频，可以调整视频展示的大小及位置，然后进入当前页时，可点击播放。
在示例性的实施例中，所述操作信息还可以为在线录音、屏幕录制、倒计时设置、3D演示特效设置、水印设置、素材的导入与导出及播放时间设置。
示例性地，通过安装组件npm i js-audio-recorder，并根据用户需求在需要录音的地方引入import Recorder from'js-audio-recorder'组件实现在线录音。
示例性地，通过使用视频流获取组件以及视频流存储组件，例如，getDisplayMedia组件+MediaRecorder组件，以获取视频流并对该视频流进行存储，实现屏幕录制功能。所述getDisplayMedia组件允许以视频流的形式获取用户的显示器或其一部分，依靠此方法返回一个promise对象，调用成功的返回流，将这个流赋给video元素实现视频流的边录边看。在屏幕录制过程中，将所述getDisplayMedia获取的视频流通过所述MediaRecorder组件存储起来，并且可以将所述视频流保存成对应的视频文件。当需要播放录制的屏幕时，可直接播放所述视频文件即实现屏幕录制的播放。
在实际操作中，用户通过点击屏幕录制按钮，实现屏幕视频录制。通过全程‘语音+幻灯片’讲解的视频录制，用生动且直观的视频来演示你所有的操作过程，适用于课程讲解，操作演示等多种场景。最后录制视频完成，所述基于网页的在线文档制作***会生成一个分享幻灯片视频的url链接,即在线视频地址。
在示例性的实施例中，通过安装3D模型组件，对与所述操作信息对应的操作对象进行3D渲染，以实现所述在线文档3D特效的制作。所述3D模型组件可以为npm installvue-3d-model–save组件，并引入import{ModelObj}from'vue-3d-model'组件，实现3D演示特效。通过该方法，打破传统的PPT切换方式，模仿电影视频转场特效，加入生动酷炫的3D镜头缩放、旋转和平移特效，让您的幻灯片演示像一部3D电影般播放，再加上背景音乐，给观众带来震撼的视觉听觉的冲击。
在示例性的实施例中，通过在app.vue中使用对应的指令，以实现在每个页面添加对应的水印。例如，在幻灯片中设置企业标志及水印，有利于凸显企业品牌效应及保护个人知识劳动成果。在企业标志(logo)设置中，可以通过自定义企业标志或水印的大小、位置及透明度等。标志默认在幻灯片左上角，水印默认倾斜展示与页面，当然水印行数列数也可以自定义设置。
在示例性的实施例中，所述获取模块203，还用于获取用户上传的图片、视频、动画及音频，并将所述图片、视频、动画及音频保存至对应的素材库中。当然，还可以根据用户的删除操作对上述素材进行删除。
在示例性的实施例中，通过自定义设置当前页幻灯片播放的时间，例如，5秒、10秒等，或者根据当前页音频讲解的时间来设置当前页幻灯片播放的时间。在播放过程中，当达到设置的播放时间时，通过setInterval方法实现文档的自动播放，并通过父组件传入自动播放间隔时间的方式，使得组件更加灵活。inv为Number类型的props。当鼠标移入时触发clearInv方法，鼠标移出时触发runInv方法。通过定义方法，当goto方法接收一个参数index，并可以跳转到指定页数。在点击前一页和后一页时，通过将nextIndex和prevIndex这两个变量定义在计算属性里以降低计算复杂度，并提升计算速度。
在示例性的实施例中，所述制作模块204还用于：
根据所述目标组件，从所述在线文档的各个DOM节点中查询与所述操作信息对应的操作对象的真实DOM节点，并将所述真实DOM编译成虚拟DOM；
获取所述操作信息之前的第一虚拟DOM和所述操作信息之后的第二虚拟DOM；
将所述第一虚拟DOM和所述第二虚拟DOM进行比较，以获得所述第一虚拟DOM和所述第二虚拟DOM之间的差异；
将所述差异应用于所述真实DOM中，以对所述在线文档进行更新，实现所述在线文档的制作。
在本实施例中，通过采用diff算法计算两个文本的差异，并只针对有变化的部分进行真实DOM操作，而非重新渲染整个页面，进而大大地提升了页面渲染的性能。所述DOM是一种处理HTML和XML文件的标准API，提供了对整个文档的访问模型，将文档作为一个树形结构，树的每个结点表示了一个HTML标签或标签内的文本项。
在示例性的实施例中，所述获取模块203，还用于当侦测到所述用户对所述在线文档的保存操作时，获取所述在线文档中每一页的多个参数，每个参数至少包括数据名称和数据类型。
在示例性的实施例中，所述基于网页的在线文档制作***20还包括存储模块，用于将所述每一页的多个参数放入预设的数组集合中，得到目标数组集合，并将所述目标数组集合存储至数据库中，并将所述目标数组集合上传至区块链中。
具体地，当侦测到用户点击保存幻灯片项目A的按钮时，将所述幻灯片项目A中每一页的幻灯片参数放入预设的数组集合中。然后，通过调用后台接口，将包括每页幻灯片参数的目标数组集合存入至数据库中。当用户下次演示或者编辑所述幻灯片项目A时，通过调用所述后台接口获取所述幻灯片项目A中每一页的参数并以幻灯片效果展示。
将所述目标数组集合上传至区块链可保证其安全性和公正透明性。本示例所指区块链是分布式数据存储、点对点传输、共识机制、加密算法等计算机技术的新型应用模式。区块链(Blockchain)，本质上是一个去中心化的数据库，是一串使用密码学方法相关联产生的数据块，每一个数据块中包含了一批次网络交易的信息，用于验证其信息的有效性(防伪)和生成下一个区块。区块链可以包括区块链底层平台、平台产品服务层以及应用服务层等。
当所述在线文档保存后，若侦测到对所述在线文档的编辑操作时，获取所述在线文档的标识号，并根据所述标识号查询对应的在线文档信息。然后，根据查询结果获取对应的参数，并根据所述参数渲染对应的内容。示例性的，当侦测到用户再次编辑幻灯片A时，则获取所述幻灯片的标识号，并根据所述标识号查询对应的幻灯片信息。然后，根据所述幻灯片信息获取对应的参数，并根据所述参数渲染出对应的幻灯片内容。
在示例性的实施例中，所述基于网页的在线文档制作***20还包括生成模块和跳转模块：
所述生成模块，用于当侦测到所述用户对所述在线文档的演示操作时，生成与所述在线文档对应的链接。
所述跳转模块，用于根据所述链接，跳转至所述在线文档的演示页面，以实现所述在线文档的演示播放。
具体地，当侦测到用户点击幻灯片项目A的预览/演示按钮时，则生成与该幻灯片项目A对应的链接，其中所述链接包括所述幻灯片项目A的参数，所述参数用于确定演示的幻灯片项目为所述幻灯片项目A。然后根据所述链接，跳转至所述幻灯片项目A以展示所述幻灯片项目A。在实际应用中，所述链接可以在任何网页中打开。
在一示例性的实施例中，所述在线文档的演示播放，可通过用户的点击操作实现，也可以根据设置的自动播放实现自动播放，在本发明实施例中并不作限定。根据所述在线文档播放终端的显示屏幕尺寸大小的不同，例如：PC端、手机移动终端，可通过px转为rem实现所述在线文档编辑网页在对应的播放终端的自适应演示播放。
本发明实施例提供的基于网页的在线文档制作***，通过Vue框架搭建在线文档编辑网页，然后，对所述在线文档编辑网页的组件加载方式进行配置，最后，获取用户在所述在线文档编辑网页的操作信息，并根据所述操作信息获取对应的目标组件，并根据所述目标组件执行对应的操作，以进行在线文档的制作。本发明实施例通过Vue框架搭建在线文档编辑网页，根据用户在所述在线文档编辑网页的操作进行在线文档的制作，使得用户在未安装第三方办公工具的条件下，也能够通过不同的终端随时编辑和查看文档，即使用户终端不慎被盗或者丢失，所述文档也不会遗失。同时，本发明实施例通过利用Vue框架搭建的在线文档编辑网页制作在线文档的方式，使得用户无需从云端下载文档或者将本地编辑好的文档上传至云端也可实现对文档的编辑，极大地提高了用户的体验和工作效率。
实施例三
基于上述实施例中提供的基于网页的在线文档制作方法，本实施例中提供一种计算机设备。具体地，请参阅图7，示出了本发明实施例之计算机设备的硬件架构示意图。所述计算机设备2包括，但不仅限于，可通过***总线相互通信连接存储器21、处理22以及网络接口23，图7仅示出了具有组件21-23的计算机设备2，但是应理解的是，并不要求实施所有示出的组件，可以替代的实施更多或者更少的组件。
所述存储器21至少包括一种类型的可读存储介质，所述可读存储介质包括闪存、硬盘、多媒体卡、卡型存储器(例如，SD或DX存储器等)、随机访问存储器(RAM)、静态随机访问存储器(SRAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、可编程只读存储器(PROM)、磁性存储器、磁盘、光盘等。在一些实施例中，所述存储器21可以是所述计算机设备2的内部存储单元，例如该计算机设备2的硬盘或内存。在另一些实施例中，所述存储器也可以是所述计算机设备2的外部存储设备，例如该计算机设备2上配备的插接式硬盘，智能存储卡(Smart Media Card,SMC)，安全数字(Secure Digital,SD)卡，闪存卡(FlashCard)等。当然，所述存储器21还可以既包括所述计算机设备2的内部存储单元也包括其外部存储设备。本实施例中，所述存储器21通常用于存储安装于所述计算机设备2的操作***和各类应用软件，例如基于网页的在线文档制作***20的程序代码等。此外，所述存储器21还可以用于暂时地存储已经输出或者将要输出的各类数据。
所述处理器22在一些实施例中可以是中央处理器(Central Processing Unit，CPU)、控制器、微控制器、微处理器、或其他数据处理芯片。该处理器22通常用于控制所述计算机设备2的总体操作。本实施例中，所述处理器22用于运行所述存储器21中存储的程序代码或者处理数据，例如运行所述基于网页的在线文档制作***20，以实现上述实施例的基于网页的在线文档制作方法。
所述网络接口23可包括无线网络接口或有线网络接口，该网络接口23通常用于在所述计算机设备2与其他电子设备之间建立通信连接。例如，所述网络接口23用于通过网络将所述计算机设备2与外部终端相连，在所述计算机设备2与外部终端之间的建立数据传输通道和通信连接等。所述网络可以是企业内部网(Intranet)、互联网(Internet)、全球移动通讯***(Global System of Mobile communication，GSM)、宽带码分多址(WidebandCode Division Multiple Access，WCDMA)、4G网络、5G网络、蓝牙(Bluetooth)、Wi-Fi等无线或有线网络。
实施例四
本发明还提供一种计算机设备，如可以执行程序的智能手机、平板电脑、笔记本电脑、台式计算机、机架式服务器、刀片式服务器、塔式服务器或机柜式服务器(包括独立的服务器，或者多个服务器所组成的服务器集群)等。本实施例的计算机设备至少包括但不限于：可通过***总线相互通信连接的存储器、处理器等。
本实施例还提供一种计算机可读存储介质，如闪存、硬盘、多媒体卡、卡型存储器(例如，SD或DX存储器等)、随机访问存储器(RAM)、静态随机访问存储器(SRAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、可编程只读存储器(PROM)、磁性存储器、磁盘、光盘、服务器、App应用商城等等，其上存储有计算机程序，程序被处理器执行时实现相应功能。本实施例的计算机可读存储介质用于存储基于网页的在线文档制作***20，被处理器执行时实现上述基于网页的在线文档制作方法的实施例。
上述本发明实施例序号仅仅为了描述，不代表实施例的优劣。
通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件，但很多情况下前者是更佳的实施方式。
以上仅为本发明的优选实施例，并非因此限制本发明的专利范围，凡是利用本发明说明书及附图内容所作的等效结构或等效流程变换，或直接或间接运用在其他相关的技术领域，均同理包括在本发明的专利保护范围内。
Claims (10)
1.一种基于网页的在线文档制作方法，其特征在于，所述方法包括：
通过Vue框架搭建在线文档编辑网页；
对所述在线文档编辑网页的组件加载方式进行配置，所述组件加载方式包括按需加载方式；
获取用户在所述在线文档编辑网页的操作信息，所述操作信息包括音频编辑信息、视频编辑信息、在线录音信息、屏幕录制信息、倒计时设置信息、3D演示特效设置信息、水印设置信息、素材导入与导出信息和/或播放时间设置信息；
根据所述操作信息获取对应的目标组件；
根据所述目标组件执行对应的操作，以进行在线文档的制作。
2.如权利要求1所述的基于网页的在线文档制作方法，其特征在于，所述根据所述目标组件执行对应的操作，以进行在线文档的制作，包括：
当所述操作信息为所述3D演示特效设置信息时，根据安装的3D模型组件，对与所述操作信息对应的操作对象进行3D渲染，以实现所述在线文档3D特效的制作。
3.如权利要求1所述的基于网页的在线文档制作方法，其特征在于，所述根据所述目标组件执行对应的操作，以进行在线文档的制作，包括：
当所述操作信息为屏幕录制信息时，通过视频流获取组件获取所述在线文档编辑网页的视频流；
通过视频流存储组件将所述视频流进行存储，以实现所述在线文档编辑网页的屏幕录制。
4.如权利要求1所述的基于网页的在线文档制作方法，其特征在于，所述根据所述目标组件执行对应的操作，以进行在线文档的制作，包括：
根据所述目标组件，从所述在线文档的各个文档对象模型DOM节点中查询与所述操作信息对应的操作对象的真实DOM节点，并将所述真实DOM编译成虚拟DOM；
获取所述操作信息之前的第一虚拟DOM和所述操作信息之后的第二虚拟DOM；
将所述第一虚拟DOM和所述第二虚拟DOM进行比较，以获得所述第一虚拟DOM和所述第二虚拟DOM之间的差异；
将所述差异应用于所述真实DOM中，以对所述在线文档进行更新，实现所述在线文档的制作。
5.如权利要求1所述的基于网页的在线文档制作方法，其特征在于，所述根据所述目标组件执行对应的操作，以进行在线文档的制作之后，还包括：
当侦测到所述用户对所述在线文档的保存操作时，获取所述在线文档中每一页的多个参数，每个参数包括数据名称和数据类型；
将所述每一页的多个参数均放入至预设的数组集合中，得到目标数组集合，并将所述目标数组集合存储至预设的数据库中，并将所述目标数组集合上传至区块链中。
6.如权利要求1所述的基于网页的在线文档制作方法，其特征在于，所述根据所述目标组件执行对应的操作，以进行在线文档的制作之后，包括：
当侦测到所述用户对所述在线文档的演示操作时，生成与所述在线文档对应的链接；
根据所述链接，跳转至所述在线文档的演示页面，以实现所述在线文档的演示播放。
7.如权利要求1所述的基于网页的在线文档制作方法，其特征在于，所述方法还包括：
当所述在线文档处于编辑状态时，触发saveFrom()方法，并计算所述Vue的watch监听时间；
当所述Vue的watch监听达到预设时间时，触发保存所述在线文档。
8.一种基于网页的在线文档制作***，其特征在于，包括：
搭建模块，用于通过Vue框架搭建在线文档编辑网页；
配置模块，用于对所述在线文档编辑网页的组件加载方式进行配置，所述组件加载方式包括按需加载方式；
获取模块，用于获取用户在所述在线文档编辑网页的操作信息，并根据所述操作信息获取对应的目标组件，所述操作信息包括音频编辑信息、视频编辑信息、在线录音信息、屏幕录制信息、倒计时设置信息、3D演示特效设置信息、水印设置信息、素材导入与导出信息和/或播放时间设置信息；
制作模块，用于根据所述目标组件执行对应的操作，以进行在线文档的制作。
9.一种计算机设备，其特征在于，所述计算机设备存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述计算机程序被处理器执行时实现如权利要求1-7中任一项所述的基于网页的在线文档制作方法的步骤。
10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质内存储有计算机程序，所述计算机程序可被至少一个处理器所执行，以使所述至少一个处理器执行如权利要求1-7中任一项所述的基于网页的在线文档制作方法的步骤。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202011511157.2A CN112528203A (zh) | 2020-12-18 | 2020-12-18 | 基于网页的在线文档制作方法及*** |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202011511157.2A CN112528203A (zh) | 2020-12-18 | 2020-12-18 | 基于网页的在线文档制作方法及*** |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN112528203A true CN112528203A (zh) | 2021-03-19 |
Family
ID=75001688
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202011511157.2A Pending CN112528203A (zh) | 2020-12-18 | 2020-12-18 | 基于网页的在线文档制作方法及*** |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN112528203A (zh) |
Cited By (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113256259A (zh) * | 2021-06-01 | 2021-08-13 | 通号智慧城市研究设计院有限公司 | 一种在线编辑服务***及其实现方法 |
| CN113723064A (zh) * | 2021-11-01 | 2021-11-30 | 冠群信息技术(南京)有限公司 | 一种流式文档在线编辑方法 |
| CN114339295A (zh) * | 2022-01-13 | 2022-04-12 | 山东捷瑞数字科技股份有限公司 | 一种网页直播内容数据更新优化方法和*** |
| CN115328363A (zh) * | 2022-08-12 | 2022-11-11 | 深圳乐播科技有限公司 | 文件处理方法、电子设备及相关产品 |
| CN115344688A (zh) * | 2022-10-18 | 2022-11-15 | 北京国电通网络技术有限公司 | 业务数据展示方法、装置、电子设备和计算机可读介质 |
Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CA2975477A1 (en) * | 2016-08-04 | 2018-02-04 | Lulu Software Holdings | System and method for the online editing of pdf documents |
| CN108241602A (zh) * | 2016-12-26 | 2018-07-03 | 北京奇虎科技有限公司 | 一种在线制作演示文稿的方法和装置 |
| CN108241601A (zh) * | 2016-12-26 | 2018-07-03 | 北京奇虎科技有限公司 | 一种在线制作演示文稿的方法和装置 |
| CN109408783A (zh) * | 2018-09-06 | 2019-03-01 | 广州城市信息研究所有限公司 | 电子文档在线编辑方法及*** |
| CN109635261A (zh) * | 2018-11-16 | 2019-04-16 | 天津字节跳动科技有限公司 | 在线文档内容编辑方法、装置、存储介质及电子设备 |
| CN109976617A (zh) * | 2019-04-03 | 2019-07-05 | 腾讯科技（深圳）有限公司 | 文档展示方法和装置 |
| CN111191423A (zh) * | 2019-12-26 | 2020-05-22 | 广东飞企互联科技股份有限公司 | 一种适用公文正文在线编辑的方法及*** |
-
2020
- 2020-12-18 CN CN202011511157.2A patent/CN112528203A/zh active Pending
Patent Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CA2975477A1 (en) * | 2016-08-04 | 2018-02-04 | Lulu Software Holdings | System and method for the online editing of pdf documents |
| CN108241602A (zh) * | 2016-12-26 | 2018-07-03 | 北京奇虎科技有限公司 | 一种在线制作演示文稿的方法和装置 |
| CN108241601A (zh) * | 2016-12-26 | 2018-07-03 | 北京奇虎科技有限公司 | 一种在线制作演示文稿的方法和装置 |
| CN109408783A (zh) * | 2018-09-06 | 2019-03-01 | 广州城市信息研究所有限公司 | 电子文档在线编辑方法及*** |
| CN109635261A (zh) * | 2018-11-16 | 2019-04-16 | 天津字节跳动科技有限公司 | 在线文档内容编辑方法、装置、存储介质及电子设备 |
| CN109976617A (zh) * | 2019-04-03 | 2019-07-05 | 腾讯科技（深圳）有限公司 | 文档展示方法和装置 |
| CN111191423A (zh) * | 2019-12-26 | 2020-05-22 | 广东飞企互联科技股份有限公司 | 一种适用公文正文在线编辑的方法及*** |
Non-Patent Citations (1)
| Title |
|---|
| 云卷云舒%: "Vue.js虚拟DOM原理（DOM是如何更新的）", pages 3 - 4, Retrieved from the Internet <URL:https://blog.csdn.net/qq_39290323/article/details/108336194> * |
Cited By (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113256259A (zh) * | 2021-06-01 | 2021-08-13 | 通号智慧城市研究设计院有限公司 | 一种在线编辑服务***及其实现方法 |
| CN113256259B (zh) * | 2021-06-01 | 2024-04-19 | 通号智慧城市研究设计院有限公司 | 一种在线编辑服务***及其实现方法 |
| CN113723064A (zh) * | 2021-11-01 | 2021-11-30 | 冠群信息技术(南京)有限公司 | 一种流式文档在线编辑方法 |
| CN114339295A (zh) * | 2022-01-13 | 2022-04-12 | 山东捷瑞数字科技股份有限公司 | 一种网页直播内容数据更新优化方法和*** |
| CN114339295B (zh) * | 2022-01-13 | 2024-03-22 | 山东捷瑞数字科技股份有限公司 | 一种网页直播内容数据更新优化方法和*** |
| CN115328363A (zh) * | 2022-08-12 | 2022-11-11 | 深圳乐播科技有限公司 | 文件处理方法、电子设备及相关产品 |
| CN115328363B (zh) * | 2022-08-12 | 2023-11-03 | 深圳乐播科技有限公司 | 文件处理方法、电子设备及相关产品 |
| CN115344688A (zh) * | 2022-10-18 | 2022-11-15 | 北京国电通网络技术有限公司 | 业务数据展示方法、装置、电子设备和计算机可读介质 |
| CN115344688B (zh) * | 2022-10-18 | 2022-12-23 | 北京国电通网络技术有限公司 | 业务数据展示方法、装置、电子设备和计算机可读介质 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN112528203A (zh) | 基于网页的在线文档制作方法及*** | |
| US8412729B2 (en) | Sharing of presets for visual effects or other computer-implemented effects | |
| US11100690B2 (en) | System and methods for automatic media population of a style presentation | |
| CN103500186B (zh) | 一种在浏览器中进行图片加载的方法、装置和浏览器 | |
| CN101300567B (zh) | 在Web上的媒体共享和创作的方法 | |
| CN102007509B (zh) | 通过基于web的桌面生产力应用程序来***多媒体文件 | |
| CN108965397A (zh) | 云端视频编辑方法及装置、编辑设备及存储介质 | |
| US20080028312A1 (en) | Scene organization in computer-assisted filmmaking | |
| CN111984902A (zh) | 可视化页面配置方法、***、计算机设备和存储介质 | |
| US20140245196A1 (en) | User interface generation and preview | |
| CN103500187B (zh) | 一种在浏览器中进行图片处理的方法、装置和浏览器 | |
| CN108900897B (zh) | 一种多媒体数据处理方法、装置以及相关设备 | |
| US10108437B2 (en) | Rendition of a content editor | |
| WO2010128875A1 (en) | Systems and methods for generating multimedia applications | |
| CN111343074B (zh) | 一种视频处理方法、装置和设备以及存储介质 | |
| CN107644019A (zh) | 一种超媒体电子书内容制作*** | |
| KR102481613B1 (ko) | 편집 기능을 갖는 3d 웹사이트 제작 플랫폼 제공 시스템, 방법 및 프로그램 | |
| CN110633436A (zh) | 可视化、自定义全景编辑方法、***、存储介质及设备 | |
| CN114154000A (zh) | 多媒体资源发布方法和装置 | |
| EP4080507A1 (en) | Method and apparatus for editing object, electronic device and storage medium | |
| CN114253436B (zh) | 一种页面展示方法、装置及存储介质 | |
| KR101352203B1 (ko) | 모바일용 동영상 편집도구의 이펙트 설정을 위한 플러그인의 배포방법 | |
| WO2023207981A1 (zh) | 配置文件生成方法、装置、电子设备、介质及程序产品 | |
| CN116437153A (zh) | 虚拟模型的预览方法、装置、电子设备及存储介质 | |
| JP2006285714A (ja) | ウェブコンテンツ閲覧・編集システム、ウェブコンテンツ閲覧・編集方法およびウェブコンテンツ閲覧・編集用プログラム |
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 |