数学公式编辑器

  • 初体验
  • API
  • options配置
  • 演示(参考test/simple.html)
  • 嵌入演示
    • wangEditor(参考test/wangEditor/wangEditor.html)
    • UEditor(参考test/UEditor)
  • 源码

初体验

  1. 在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>
  1. 在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前端)相关推荐

  1. 『精』EditorConfig 小老鼠 跨编辑器 | IDE 保持一致的编码风格

    『精』EditorConfig 小老鼠 跨编辑器 | IDE 保持一致的编码风格 文章目录 『精』EditorConfig 小老鼠 跨编辑器 | IDE 保持一致的编码风格 一.什么是EditorCo ...

  2. html可视化数学公式编辑,所见即所得的jQuery数学公式编辑器插件

    MathquillBasedEditor是一款所见即所得的jQuery数学公式编辑器插件.该数学公式编辑器依赖于mathquill,可以通过点击图标来直接生成乘方和开方等数学公式. 使用方法 在页面中 ...

  3. html公式编辑器插件,所见即所得的jQuery数学公式编辑器插件

    MathquillBasedEditor是一款所见即所得的jQuery数学公式编辑器插件.该数学公式编辑器依赖于mathquill,可以通过点击图标来直接生成乘方和开方等数学公式. 使用方法 在页面中 ...

  4. 『开源』Slithice 2013 服务器集群 设计和源码

    相关介绍文章: <『设计』Slithice 分布式架构设计-支持一体式开发,分布式发布> <『集群』001 Slithice 服务器集群 概述> <『集群』002 Sli ...

  5. 前端绘图开源组件_推荐10款常用的高质量的Web前端UI开源框架,必收藏

    Web前端领域最近几年发展的特别迅速,可以说是百家争鸣.Web前端框架就是为了节约开发成本和时间,一般开发一个项目都会用到前端框架(除非自己有前端开发团队).对于现在的开发者来说,都向着全栈方向发展, ...

  6. 智能垃圾桶c语言程序,『免费开源』基于STM32的智能垃圾桶之语音播报

    大家好,我是『芯知识学堂』的SingleYork,前面给大家简单介绍了<基于STM32的智能垃圾桶之成员简介>和<基于STM32的智能垃圾桶之语音识别>,今天笔者将要给大家介绍 ...

  7. [IT] 软件自动化解决方案『免费开源』基于 JavaFx 的自动化测试系统,已更新至 V1.1.3 最新版

    欢迎查阅AutomationTestSystem(软件自动化测试系统) AutomationTestSystem是一个多功能自动化测试系统,使用JavaFx编写的Windows应用程序,可用于Appi ...

  8. stm32语音识别文字显示_『免费开源』基于STM32的之语音识别

    接下来,我们就可以来一键设置关键词了,我们先将数据接收区的显示模式改成"文本格式显示",然后点击"一键设置",选择文件"垃圾名字关键词.txt&quo ...

  9. 『开源』源码在线阅读工具

    命名空间: Laura.SourceCode 项目名称: 源码在线阅读 项目作者: ShuXiaolong 权利所有: ShuXiaolong 项目相册: 项目截图 在线开源: 在线源码阅读 附件下载 ...

最新文章

  1. Ubuntu 64位系统安装flash player
  2. 跟我一起学docker(五)--仓库
  3. 茶苑机器人怎么看出来_小儿脑瘫怎么看出来?出现4个异常,该早点去看医生...
  4. openj9下载_Quarkus on OpenJ9 JVM和资源消耗
  5. 计算机网络 --- 局域网中的以太网
  6. React.Component与React.PureComponent的区别
  7. 反射 字段_java核心基础之反射
  8. shell脚本之从1加到100之和的思路
  9. 【写作技巧】毕业论文写作资料搜索库大全
  10. 05章 体检套餐管理系统
  11. Android BroadcastReceiver(一)
  12. 【手把手】教你MySQL调优
  13. wordpress iDowns-v1.8.3下载类主题无缝对接erphpdown会员中心+在线充值+VIP开通+卡密插件
  14. qt 字体旋转90_如何识别图片和视频上文字的字体
  15. 简洁的圆形时钟数字时钟+指针时钟(1+X Web前端开发初级 例题)
  16. 《让你受益一生的59个好习惯》感悟
  17. 考研807程序设计C语言教程,中央财经大学
  18. jsp+servlet+mysql实现的学生签到考勤请假管理系统源码+教程
  19. 礼是随还是不随,年轻人该如何选择?
  20. Redis连接池技术笔记小结 RedisPool

热门文章

  1. 【JS】DOM事件模型
  2. ABBYY FineReader 14新增了什么(附功能对比表)
  3. 能在电脑桌面提醒待办事项的日程安排管理软件
  4. 测绘程序设计——坐标正反算(C#)
  5. MATLAB 神经网络训练参数解释
  6. 使用php mcrypt加密解密
  7. oracle数据库导入
  8. 人脸识别发展的关键技术是什么?
  9. 计算机网络基础知识论文摘要,计算机网络基础知识论文大纲格式 计算机网络基础知识论文框架如何写...
  10. HTML5 网页栅格布局