跨平台的公式编辑与渲染方法及系统技术方案

本发明专利技术提供跨平台的公式编辑与渲染方法及系统，方法包括：构造输入框，以及一对应输入框的虚拟键盘，并在虚拟键盘上配置各种公式符号，一公式符号对应一控件，各控件对应设置有一渲染和解析方法；一旦接收输入到输入框内的一公式符号，便依据公式符号对应的控件设置的渲染和解析方式对该公式符号进行渲染和解析；将完成渲染和解析后的该公式符号与在先已完成渲染和解析的公式符号合并后输出。本发明专利技术不仅具有跨平台能力，可以支持各种平台；而且配置有轻量和标准化接口，无繁杂依赖；进一步的，公式与符号渲染质量较高，与教科书保持一致，有效提高教学质量；再进一步的，输入输出采用Latex格式，可适配多种公式库，组件使用场景多样化。

Cross platform formula editing and rendering method and system

The invention provides a cross platform formula editing and rendering method and system and method includes: constructing the input box, and a virtual keyboard corresponding to the input box, and on the virtual keyboard configuration of various symbols, a formula symbols corresponding to a control, the control is correspondingly provided with a rendering and analytical method; once the input to receive a formula the symbol in the input box, then on the basis of rendering and analytic formula symbols corresponding to the control set of the formula symbols rendering and analysis will be completed; the formula and formula symbol symbol after the analysis has been completed and the prior analysis of the combined output and rendering. The invention not only has the cross platform ability, can support a variety of platforms; and equipped with lightweight and standard interface, without complicated dependence; further, the formula and symbol of high quality, consistent with the textbook, effectively improve teaching quality; further, input and output by Latex format, can be adapted to a variety of formula library. The use of diverse scene components.

【技术实现步骤摘要】
跨平台的公式编辑与渲染方法及系统
本专利技术涉及信息化技术软件开发领域，具体说的是跨平台的公式编辑与渲染方法及系统。
技术介绍
目前的信息化技术应用于课堂教学过程的方案较少，而专门针对课堂教学中的公式编辑的解决方案就更少。现有技术中大多采用SVG技术或者图片来进行显示公式，这些方式都不能够直接在公式上直接进行快速灵活的编辑，且SVG技术不是所有平台都支持，而采用图片的方法虽然不分平台，但其传输的网络量大，性能上有较大的缺陷。申请公布号为CN103425773A的专利文件，涉及一种利用原生Html在网页中快速显示数学公式的方法，具体包括、把给定的Latex公式字符串，利用转换方法解析成符合W3C标准的Html代码，此标准下的Html能在任何浏览器下运行；2、当用户打开包含上述公式Html的网页后再利用Javascript、Css样式动态调整Html的布局、定位、宽高，最终把数学公式还原并显示到页面上。上述方案只是对公式进行渲染，而无法实现对公式的快速编辑并实时渲染；同时，上述方案是对公式一整串进行输入渲染和输出转换，无法实现对公式串的分割，从而实现局部编辑。
技术实现思路
本专利技术所要解决的技术问题是：提供跨平台的公式编辑与渲染方法及系统，实现对公式的快速编辑和实时渲染。为了解决上述技术问题，本专利技术采用的技术方案为：跨平台的公式编辑与渲染方法，包括：构造输入框，以及一对应所述输入框的虚拟键盘，并在虚拟键盘上配置各种公式符号，一公式符号对应一控件，各控件对应设置有一渲染和解析方法；一旦接收输入到所述输入框内的一公式符号，便依据所述一公式符号对应的控件设置的渲染和解析方式对所述一公式符号进行渲染和解析；将完成渲染和解析后的所述一公式符号与在先已完成渲染和解析的公式符号合并后输出。本专利技术提供的另一个技术方案为：跨平台的公式编辑与渲染系统，包括：构造模块，用于构造输入框，以及一对应所述输入框的虚拟键盘，并在虚拟键盘上配置各种公式符号，一公式符号对应一控件，各控件对应设置有一渲染和解析方法；渲染解析模块，用于一旦接收输入到所述输入框内的一公式符号，便依据所述一公式符号对应的控件设置的渲染和解析方式对所述一公式符号进行渲染和解析；合并输出模块，将完成渲染和解析后的所述一公式符号与在先已完成渲染和解析的公式符号合并后输出。本专利技术的有益效果在于：区别于现有技术无法实现直接在公式上进行快速灵活便捷，且无法实现跨平台运用等不足。本专利技术基于纯JavaScript实现，可实现跨平台移植，且同时具有易学易用的特点；同时，本专利技术通过配置特定的虚拟键盘，以公式符号为按键单位，实现对公式的快速、灵活地编辑；进一步的，各公式符号对应一设置有对应渲染解析方式的控件，当输入框接收到一公式符号时，便实时对其进行渲染和解析，从而实现对公式的实时渲染输出功能。附图说明图1为本专利技术跨平台的公式编辑与渲染方法的流程示意图；图2为本专利技术跨平台的公式编辑与渲染系统的功能模块结构组成示意图；图3为本专利技术实施例二的分式公式编辑界面效果示意图。标号说明：1、构造模块；2、渲染解析模块；3、合并输出模块。具体实施方式为详细说明本专利技术的
技术实现思路
、所实现目的及效果，以下结合实施方式并配合附图予以说明。本专利技术最关键的构思在于：配置以公式符号为按键的虚拟键盘，实现灵活编辑；各公式符号对应一设置有对应渲染解析方式的控件，当输入框接收到一公式符号时，便实时对其进行渲染和解析。本专利技术涉及的技术术语解释:请参照图1，本专利技术提供跨平台的公式编辑与渲染方法，包括：构造输入框，以及一对应所述输入框的虚拟键盘，并在虚拟键盘上配置各种公式符号，一公式符号对应一控件，各控件对应设置有一渲染和解析方法；一旦接收输入到所述输入框内的一公式符号，便依据所述一公式符号对应的控件设置的渲染和解析方式对所述一公式符号进行渲染和解析；将完成渲染和解析后的所述一公式符号与在先已完成渲染和解析的公式符号合并后输出。进一步的，所述构造输入框，具体为：构造输入框，同时设置包括所述输入框的文本接口、输出输入框文本接口和输入框焦点获得与失去回调接口。由上述描述可知，通过对应输入框设置各类接口，实现虚拟键盘对应输入框的公式输入。进一步的，所述构造输入框，具体为：构造一包括三个子输入框和一分数线的分式父输入框，三个子输入框分别位于分数线的左、上、下位置。由上述描述可知，针对分式公式构造特定的输入框，实现分式公式的快速且准确地编辑。进一步的，所述将完成渲染和解析后的所述一公式符号与在先已完成渲染和解析的公式符号合并后输出，具体为：将完成渲染和解析后的所述一公式符号与在先已完成渲染和解析的公式符号合并形成一Latex文本后输出。由上述描述可知，输入输出采用Latex格式，可适配多种公式库，组件使用场景多样化。进一步的，所述构造输入框，以及一对应所述输入框的虚拟键盘，具体为：使用HTML+CSS语言构造输入框，以及以对应所述输入框的虚拟键盘。由上述描述可知，本专利技术基于纯JavaScript实现，可实现跨平台移植；同时，采用JavaScript为主要开发语言具有易学易用的特点。本专利技术提供的另一个技术方案为：请参阅图2，跨平台的公式编辑与渲染系统，包括：构造模块，用于构造输入框，以及一对应所述输入框的虚拟键盘，并在虚拟键盘上配置各种公式符号，一公式符号对应一控件，各控件对应设置有一渲染和解析方法；渲染解析模块，用于一旦接收输入到所述输入框内的一公式符号，便依据所述一公式符号对应的控件设置的渲染和解析方式对所述一公式符号进行渲染和解析；合并输出模块，将完成渲染和解析后的所述一公式符号与在先已完成渲染和解析的公式符号合并后输出。进一步的，所述构造模块，具体用于构造输入框，同时设置包括所述输入框的文本接口、输出输入框文本接口和输入框焦点获得与失去回调接口。进一步的，所述构造模块，具体用于构造一包括三个子输入框和一分数线的分式父输入框，三个子输入框分别位于分数线的左、上、下位置。进一步的，所述渲染解析模块，具体用于将完成渲染和解析后的所述一公式符号与在先已完成渲染和解析的公式符号合并形成一Latex文本后输出。进一步的，所述构造模块，具体用于使用HTML+CSS语言构造输入框，以及以对应所述输入框的虚拟键盘。实施例一请参照图1，本实施例提供一种跨平台的公式编辑与渲染方法，能够很好的满足如课堂教学过程等情况下快速、灵活地进行公式编辑的需求。具体方法可以包括：S1：构造输入框，以及一对应所述输入框的虚拟键盘，并在虚拟键盘上配置各种公式符号，一公式符号对应一控件，各控件对应设置有一渲染和解析方法。优选的，使用HTML+CSS语言模拟输入框和虚拟键盘。具体的，输入框由一个<div>标签与CSS样式构造，同时提供用于标示输入位置的光标和各种输入框常用接口，包括设置输入框文本接口，输出输入框文本接口，输入框焦点获得与失去回调接口，光标位置设置接口等。通过在虚拟键盘上配置各种用于快速输入的公式符号，优选一个公式符号对应一个按键。通过将公式分割化，实现快速、灵活的编辑公式。同时，每个公式符号作为一个控件，每个控件控制自身的渲染和解析方法。S2：一旦接收输入到所述输入框内的一公式符号，便依据所述一公式符号对应的控件设置的渲染和解析方式对所本文档来自技高网...

【技术保护点】
跨平台的公式编辑与渲染方法，其特征在于，包括：构造输入框，以及一对应所述输入框的虚拟键盘，并在虚拟键盘上配置各种公式符号，一公式符号对应一控件，各控件对应设置有一渲染和解析方法；一旦接收输入到所述输入框内的一公式符号，便依据所述一公式符号对应的控件设置的渲染和解析方式对所述一公式符号进行渲染和解析；将完成渲染和解析后的所述一公式符号与在先已完成渲染和解析的公式符号合并后输出。

【技术特征摘要】
1.跨平台的公式编辑与渲染方法，其特征在于，包括：构造输入框，以及一对应所述输入框的虚拟键盘，并在虚拟键盘上配置各种公式符号，一公式符号对应一控件，各控件对应设置有一渲染和解析方法；一旦接收输入到所述输入框内的一公式符号，便依据所述一公式符号对应的控件设置的渲染和解析方式对所述一公式符号进行渲染和解析；将完成渲染和解析后的所述一公式符号与在先已完成渲染和解析的公式符号合并后输出。2.如权利要求1所述的跨平台的公式编辑与渲染方法，其特征在于，所述构造输入框，具体为：构造输入框，同时设置包括所述输入框的文本接口、输出输入框文本接口和输入框焦点获得与失去回调接口。3.如权利要求1所述的跨平台的公式编辑与渲染方法，其特征在于，所述构造输入框，具体为：构造一包括三个子输入框和一分数线的分式父输入框，三个子输入框分别位于分数线的左、上、下位置。4.如权利要求1或3所述的跨平台的公式编辑与渲染方法，其特征在于，所述将完成渲染和解析后的所述一公式符号与在先已完成渲染和解析的公式符号合并后输出，具体为：将完成渲染和解析后的所述一公式符号与在先已完成渲染和解析的公式符号合并形成一Latex文本后输出。5.如权利要求1所述的跨平台的公式编辑与渲染方法，其特征在于，所述构造输入框，以及一对应所述输入框的虚拟键盘，具体为：使用HTML+CSS语言构造输入框，以及...

【专利技术属性】
技术研发人员：刘德建，林锦波，欧宁，钟良德，郭玉湖，
申请(专利权)人：福建天泉教育科技有限公司，
类型：发明
国别省市：福建,35