时间戳

首页 > 解决方案 > 制作可编辑的 MathJax？

javascript - 制作可编辑的 MathJax？

问题描述

我想知道是否有任何方法可以制作可编辑的 MathJax 元素。类似于contenteditable在 div 中。

我有这个HTML：

<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>

<head>
    <title>Reducir matriz</title>
</head>

<body>
    <div>
        <math>
            <mrow data-mjx-texclass="INNER">
              <mo data-mjx-texclass="OPEN">(</mo>
              <mtable columnspacing="1em" rowspacing="4pt">
                <mtr>
                  <mtd>
                    <mi>a</mi>
                  </mtd>
                  <mtd>
                    <mi>b</mi>
                  </mtd>
                </mtr>
                <mtr>
                  <mtd>
                    <mi>c</mi>
                  </mtd>
                  <mtd>
                    <mi>d</mi>
                  </mtd>
                </mtr>
              </mtable>
              <mo data-mjx-texclass="CLOSE">)</mo>
            </mrow>
          </math>
    </div>
</body>

我希望能够更改a、b、c、d值。有任何想法吗？我应该使用js来实现吗？

标签： javascripthtmlmathjax

解决方案

推荐阅读