基于网页的手写输入方法和编辑器技术

本发明专利技术提供一种基于网页的手写输入方法和编辑器，通过当编辑器接收到浏览器的调用请求时，在浏览器所加载的网页上显示包含图标栏的编辑区，进而若编辑器监控到输入装置对图标栏中的手写输入图标所执行的点击操作，则捕获输入装置的移动轨迹，并向浏览器发送图片形式的该移动轨迹，以使浏览器将该图片形式的移动轨迹添加至网页中，从而实现了在网页中进行手写输入，解决了现有技术中只能在网页中添加文字和符号，编辑器功能较为单一的技术问题。

【技术实现步骤摘要】

本专利技术涉及软件技术，尤其涉及一种基于网页的手写输入方法和编辑器。
技术介绍
随着软件技术的不断发展，以及用于对网页进行处理的服务器的处理能力的不断提升，用户不仅仅能够对网页进行浏览，还能够通过浏览器对编辑器的调用，实现对网页进行编辑，从而，当不同用户对同一页面进行编辑时还实现了用户之间的交互。例如，KindEditor是一种开源的超文本标记语言(HyperTextMark-upLanguage，HTML)可视化编辑器，主要用于让用户在网页上进行编辑时，获得所见即所得编辑效果，其兼容多种系统平台，例如苹果移动设备操作系统(IOS)、安卓(Android)和视窗(Windows)平台，极大程度上实现了跨平台用户之间的交互。但现有的编辑器仅能够基于键盘进行输入，实现在网页中添加文字和符号，以及对所输入的文字和符号进行修改字号、字体以及文字颜色等编辑，因此，编辑器功能较为单一。
技术实现思路
本专利技术实施例提供一种基于网页的手写输入方法和编辑器，用于解决现有技术中的编辑器功能较为单一的技术问题。本专利技术的一个方面是提供一种基于网页的手写输入方法，包括：当编辑器接收到浏览器的调用请求时，所述编辑器在所述浏览器所加载的网页上显示包含图标栏的编辑区；所述图标栏包括手写输入图标；若所述编辑器监控到输入装置对所述手写输入图标所执行的点击操作，则所述编辑器捕获所述输入装置的移动轨迹；所述编辑器向所述浏览器发送图片形式的所述移动轨迹，以使所述浏览器将所述图片形式的移动轨迹添加至所述网页中。本专利技术的另一个方面是提供一种一种编辑器，包括：第一显示模块，用于当接收到浏览器的调用请求时，在所述浏览器所加载的网页上显示包含图标栏的编辑区；所述图标栏包括手写输入图标；捕获模块，用于若监控到输入装置对所述手写输入图标所执行的点击操作，则捕获所述输入装置的移动轨迹；发送模块，用于向所述浏览器发送图片形式的所述移动轨迹，以使所述浏览器将所述图片形式的移动轨迹添加至所述网页中。本专利技术实施例提供的基于网页的手写输入方法和编辑器，通过当编辑器接收到浏览器的调用请求时，在浏览器所加载的网页上显示包含图标栏的编辑区，进而若编辑器监控到输入装置对图标栏中的手写输入图标所执行的点击操作，则捕获输入装置的移动轨迹，并向浏览器发送图片形式的该移动轨迹，以使浏览器将该图片形式的移动轨迹添加至网页中，从而实现了在网页中进行手写输入，解决了现有技术中只能在网页中添加文字和符号，编辑器功能较为单一的技术问题。附图说明图1为本专利技术一实施例提供的一种基于网页的手写输入方法的流程示意图；图2为本专利技术另一实施例提供的一种基于网页的手写输入方法的流程示意图；图3为在IOS或Android平台中图标栏的示意图；图4为在Windows平台中图标栏的示意图；图5为手写操作面板以及输入栏显示输入装置的移动轨迹的示意图；图6为本专利技术一实施例提供的一种编辑器的结构示意图；图7为本专利技术另一实施例提供的一种编辑器的结构示意图。具体实施方式图1为本专利技术一实施例提供的一种基于网页的手写输入方法的流程示意图，如图1所示，包括：101、当编辑器接收到浏览器的调用请求时，在浏览器所加载的网页上显示包含图标栏的编辑区。其中，图标栏包括手写输入图标。具体的，浏览器根据用户输入的访问地址对服务器进行访问，获得服务器返回的网页，其中，该网页中包含所需调用的编辑器的信息，浏览器根据该信息对编辑器进行调用。当编辑器接收到浏览器所发送的调用请求时，编辑器可以根据调用请求中所指示的位置，在浏览器的所加载的网页中的对应的位置显示包含图标栏的编辑区。102、若编辑器监控到输入装置对所述手写输入图标所执行的点击操作，则所述编辑器捕获所述输入装置的移动轨迹。其中，输入装置包括触摸屏、鼠标和/或手写板。具体的，若所述编辑器监控到输入装置对所述手写输入图标所执行的点击操作，则所述编辑器在所述输入栏显示手写操作面板，所述手写操作面板包括分别与移动操作、输入操作、删除操作、复制操作、着色操作和/或保存操作相对应的操作图标；若所述编辑器监控到所述输入装置对相对应于输入操作的操作图标所执行的点击操作，则所述编辑器捕获所述输入装置的移动轨迹。进一步，编辑区还包括位于所述图标栏下方的输入栏，则编辑器捕获输入装置的移动轨迹之后，还包括：编辑器在输入栏中显示该移动轨迹。103、编辑器向所述浏览器发送图片形式的所述移动轨迹，以使所述浏览器将所述图片形式的移动轨迹添加至所述网页中。具体的，若编辑器监控到输入装置对相对应于保存操作的操作图标所执行的点击操作，则编辑器向浏览器发送图片形式的移动轨迹。浏览器接收到该图片后，将该图片添加至当前所加载的网页中的前述调用请求所指示的位置。本实施例中，通过当编辑器接收到浏览器的调用请求时，在浏览器所加载的网页上显示包含图标栏的编辑区，进而若编辑器监控到输入装置对图标栏中的手写输入图标所执行的点击操作，则捕获输入装置的移动轨迹，并向浏览器发送图片形式的该移动轨迹，以使浏览器将该图片形式的移动轨迹添加至网页中，从而实现了在网页中进行手写输入，解决了现有技术中只能在网页中添加文字和符号，编辑器功能较为单一的技术问题。图2为本专利技术另一实施例提供的一种基于网页的手写输入方法的流程示意图，如图2所示，包括：201、编辑器根据浏览器的调用请求，在浏览器所加载的网页中调用请求所指示的位置显示编辑区。其中，编辑区包括图标栏和位于图标栏下方的输入栏。图标栏包括手写输入图标。具体的，在不同的平台中，手写输入图标的形式可以有所区别，例如，图3为在IOS或Android平台中图标栏的示意图，图4为在Windows平台中图标栏的示意图。在图3和图4中最右侧图标为手写输入图标。202、编辑器监控到点击手写输入图标的操作时，显示手写操作面板。具体的，手写操作面板包括分别与移动操作、输入操作、删除操作、复制操作、着色操作和/或保存操作相对应的操作图标。203、编辑器监控到点击相对应于输入操作的操作图标时，捕获并在输入栏显示输入装置的移动轨迹。具体的，图5为手写操作面板以及输入栏显示输入装置的移动轨迹的示意图，如图5所示，手写操作面板中包括多个操作图标，其中，左侧第二个图标为相对应于输入操作的操作图标，最右侧为相对应于保存操作的操作图标，黑实线部分为本文档来自技高网...

【技术保护点】
一种基于网页的手写输入方法，其特征在于，包括：当编辑器接收到浏览器的调用请求时，所述编辑器在所述浏览器所加载的网页上显示包含图标栏的编辑区；所述图标栏包括手写输入图标；若所述编辑器监控到输入装置对所述手写输入图标所执行的点击操作，则所述编辑器捕获所述输入装置的移动轨迹；所述编辑器向所述浏览器发送图片形式的所述移动轨迹，以使所述浏览器将所述图片形式的移动轨迹添加至所述网页中。

【技术特征摘要】
1.一种基于网页的手写输入方法，其特征在于，包括：
当编辑器接收到浏览器的调用请求时，所述编辑器在所述浏览器所加载
的网页上显示包含图标栏的编辑区；所述图标栏包括手写输入图标；
若所述编辑器监控到输入装置对所述手写输入图标所执行的点击操作，
则所述编辑器捕获所述输入装置的移动轨迹；
所述编辑器向所述浏览器发送图片形式的所述移动轨迹，以使所述浏览
器将所述图片形式的移动轨迹添加至所述网页中。
2.根据权利要求1所述的基于网页的手写输入方法，其特征在于，所述
编辑区还包括位于所述图标栏下方的输入栏；
所述编辑器捕获所述输入装置的移动轨迹之后，还包括：
所述编辑器在所述输入栏中显示所述移动轨迹。
3.根据权利要求2所述的基于网页的手写输入方法，其特征在于，所述
若所述编辑器监控到输入装置对所述手写输入图标所执行的点击操作，则所
述编辑器捕获所述输入装置的移动轨迹，包括：
若所述编辑器监控到输入装置对所述手写输入图标所执行的点击操作，
则所述编辑器在所述输入栏显示手写操作面板，所述手写操作面板包括分别
与移动操作、输入操作、删除操作、复制操作、着色操作和/或保存操作相对
应的操作图标；
若所述编辑器监控到所述输入装置对相对应于输入操作的操作图标所执
行的点击操作，则所述编辑器捕获所述输入装置的移动轨迹。
4.根据权利要求3所述的基于网页的手写输入方法，其特征在于，所述
编辑器向所述浏览器发送图片形式的所述移动轨迹，包括：
若所述编辑器监控到所述输入装置对相对应于保存操作的操作图标所执
行的点击操作，则所述编辑器向所述浏览器发送图片形式的所述移动轨迹。

【专利技术属性】
技术研发人员：张红玲，
申请(专利权)人：北大方正集团有限公司，北京北大方正电子有限公司，
类型：发明
国别省市：北京;11