『开源』基于jq的数学公式编辑器插件(可嵌入项目)(web前端)
数学公式编辑器
- 初体验
- API
- options配置
- 演示(参考test/simple.html)
- 嵌入演示
- wangEditor(参考test/wangEditor/wangEditor.html)
- UEditor(参考test/UEditor)
- 源码
初体验
- 在html中引入dist文件内打包后的js和css:
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.10.0/jquery.js"></script> // 依赖jq<script src="../dist/mathEdit.min.js"></script>
- 在html中使用(可以参考test/simple.html)
<div id="myEdit"></div><button id="getVal">获取值</button><script>var mathEdit = new window.MathEdit({elId: 'myEdit',config: {defaultFontSize: '18px',viewFontSize: '12px'}})document.getElementById('getVal').addEventListener('click',function(){console.log( mathEdit.getValue())})</script>
API
名称 | 功能 | 使用 |
---|---|---|
getValue | 获取用户输入值(返回html) | mathEdit.getValue() |
isEmpty | 判断输入框是否为空 | mathEdit.isEmpty() |
options配置
属性 | 描述 | 类型 | 默认值 | 必输 |
---|---|---|---|---|
elId | 容器id | 字符串 | 无 | 是 |
config | 配置更多 | 对象 | {defaultFontSize: ‘18px’,viewFontSize: ‘14px’} | 否 |
config.defaultFontSize | 输入时显示的字体大小 | 字符串 | ‘18px’ | 否 |
config.viewFontSize | 输出的html显示的字体大小 | 字符串 | ‘14px’ | 否 |
演示(参考test/simple.html)
嵌入演示
wangEditor(参考test/wangEditor/wangEditor.html)
UEditor(参考test/UEditor)
源码
mathEditor(数学公式编辑器) - - 感谢支持!
『开源』基于jq的数学公式编辑器插件(可嵌入项目)(web前端)相关推荐
- 『精』EditorConfig 小老鼠 跨编辑器 | IDE 保持一致的编码风格
『精』EditorConfig 小老鼠 跨编辑器 | IDE 保持一致的编码风格 文章目录 『精』EditorConfig 小老鼠 跨编辑器 | IDE 保持一致的编码风格 一.什么是EditorCo ...
- html可视化数学公式编辑,所见即所得的jQuery数学公式编辑器插件
MathquillBasedEditor是一款所见即所得的jQuery数学公式编辑器插件.该数学公式编辑器依赖于mathquill,可以通过点击图标来直接生成乘方和开方等数学公式. 使用方法 在页面中 ...
- html公式编辑器插件,所见即所得的jQuery数学公式编辑器插件
MathquillBasedEditor是一款所见即所得的jQuery数学公式编辑器插件.该数学公式编辑器依赖于mathquill,可以通过点击图标来直接生成乘方和开方等数学公式. 使用方法 在页面中 ...
- 『开源』Slithice 2013 服务器集群 设计和源码
相关介绍文章: <『设计』Slithice 分布式架构设计-支持一体式开发,分布式发布> <『集群』001 Slithice 服务器集群 概述> <『集群』002 Sli ...
- 前端绘图开源组件_推荐10款常用的高质量的Web前端UI开源框架,必收藏
Web前端领域最近几年发展的特别迅速,可以说是百家争鸣.Web前端框架就是为了节约开发成本和时间,一般开发一个项目都会用到前端框架(除非自己有前端开发团队).对于现在的开发者来说,都向着全栈方向发展, ...
- 智能垃圾桶c语言程序,『免费开源』基于STM32的智能垃圾桶之语音播报
大家好,我是『芯知识学堂』的SingleYork,前面给大家简单介绍了<基于STM32的智能垃圾桶之成员简介>和<基于STM32的智能垃圾桶之语音识别>,今天笔者将要给大家介绍 ...
- [IT] 软件自动化解决方案『免费开源』基于 JavaFx 的自动化测试系统,已更新至 V1.1.3 最新版
欢迎查阅AutomationTestSystem(软件自动化测试系统) AutomationTestSystem是一个多功能自动化测试系统,使用JavaFx编写的Windows应用程序,可用于Appi ...
- stm32语音识别文字显示_『免费开源』基于STM32的之语音识别
接下来,我们就可以来一键设置关键词了,我们先将数据接收区的显示模式改成"文本格式显示",然后点击"一键设置",选择文件"垃圾名字关键词.txt&quo ...
- 『开源』源码在线阅读工具
命名空间: Laura.SourceCode 项目名称: 源码在线阅读 项目作者: ShuXiaolong 权利所有: ShuXiaolong 项目相册: 项目截图 在线开源: 在线源码阅读 附件下载 ...
最新文章
- Ubuntu 64位系统安装flash player
- 跟我一起学docker(五)--仓库
- 茶苑机器人怎么看出来_小儿脑瘫怎么看出来?出现4个异常,该早点去看医生...
- openj9下载_Quarkus on OpenJ9 JVM和资源消耗
- 计算机网络 --- 局域网中的以太网
- React.Component与React.PureComponent的区别
- 反射 字段_java核心基础之反射
- shell脚本之从1加到100之和的思路
- 【写作技巧】毕业论文写作资料搜索库大全
- 05章 体检套餐管理系统
- Android BroadcastReceiver(一)
- 【手把手】教你MySQL调优
- wordpress iDowns-v1.8.3下载类主题无缝对接erphpdown会员中心+在线充值+VIP开通+卡密插件
- qt 字体旋转90_如何识别图片和视频上文字的字体
- 简洁的圆形时钟数字时钟+指针时钟(1+X Web前端开发初级 例题)
- 《让你受益一生的59个好习惯》感悟
- 考研807程序设计C语言教程,中央财经大学
- jsp+servlet+mysql实现的学生签到考勤请假管理系统源码+教程
- 礼是随还是不随,年轻人该如何选择?
- Redis连接池技术笔记小结 RedisPool