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

Question

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

Answer 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) 包括多个 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>

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

How to handle multiple mathquill elements in single page

javascript

mathquill