时间戳

首页 > 解决方案 > 如何在单个页面中处理多个 mathquill 元素

javascript - 如何在单个页面中处理多个 mathquill 元素

问题描述

我需要在单页应用程序中同时处理多个 mathquill 输入框。我也找不到任何实现。那么，是否可以使用多个 mathquill 元素以及如何使用。

标签： javascriptmathquill

解决方案

你可以下载以下插件

https://www.jqueryscript.net/text/Simple-WYSIWYG-Math-Editor-With-jQuery-Mathquill-matheditor-js.html

并按照以下步骤操作：

1）包括脚本和css

<script src="//code.jquery.com/jquery.min.js"></script>
<script src="mathquill.min.js"></script>
<script src="/matheditor.js"></script>

<link href="mathquill.css" rel="stylesheet">
<link href="matheditor.css" rel="stylesheet">

2）包括多个mathquill

<body>
 <div id="demo1"></div>
 <div id="demo2"></div>
 <div id="demo3"></div>
 <div id="demo4"></div>

<script type="text/javascript">
  var demo1 = new MathEditor('demo1');
  var demo2 = new MathEditor('demo2');
  var demo3 = new MathEditor('demo3');
  var demo4 = new MathEditor('demo4');
</script>
</body>

推荐阅读