如何在单个页面中处理多个Mathquill元素

时间:2019-12-16 07:25:26

标签: javascript mathquill

我需要在单页应用程序中同时处理多个mathquill输入框。我也没有找到任何实现。因此,可以使用多个mathquill元素以及如何使用。

1 个答案:

答案 0 :(得分:1)

您可以下载以下插件

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)包含多个数学羽毛笔

<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>