2

我在我的网站上使用 mathquill 时遇到问题。我是新手。我被困在这部分

  <link rel="stylesheet" type="text/css" href="/path/to/mathquill.css">`
  <script src="/path/to/mathquill.min.js"></script>

我不知道在hrefs上放什么，因为我没有从我从github获得的mathquill文件中看到那些文件。

我下载了最新的 mathquill 文件及其里面的 htdocs(xampp) 或 www(wamp) 以及我的 index.php。

我必须将 index.php 放在 mqthquill-0.10.1 文件夹中吗？

这是我的 

  <link rel="stylesheet" href="/path/to/mathquill.css"/>
  <script src="jquery-3.2.1.min.js"></script>
  <script src="/path/to/mathquill.js"></script>

如果有人能给我有关如何使用 mathquill 的步骤，我将不胜感激。提前致谢

4

2 回答 2

3

选项1

您可以从 github 下载 mathquill.css 和 mathquill.js 文件并从您的目录中使用它们。

如果您的文件夹（目录）结构如下：

appFolder
.. scripts
.... mathquill.js
.... index.js
.. css
.... mathquill.css
 myPage.html

以下是引用 CSS 和 JS 文件的方法：

<link rel="stylesheet" type="text/css" href="/css/mathquill.css">`
<script src="/scripts/mathquill.min.js"></script>

检查路径是否正确的一种简单方法是将整个 URL 放在浏览器的地址栏中。例如，如果您以以下方式浏览页面：

www.mydomain.com/mypage.html

我上面提到的示例文件夹结构中的 css 和 js 文件的链接是：

www.mydomain.com/scripts/mathquill.js
www.mydomain.com/css/mathquill.css

选项 2

您可以使用 CDN 获取页面上的 JS 和 CSS 文件。只需将以下两行复制到您的 html 页面上，就可以开始了。

<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/mathquill/0.10.1/mathquill.min.css">`
<script src="https://cdnjs.cloudflare.com/ajax/libs/mathquill/0.10.1/mathquill.min.js" type="text/javascript"></script>
于 2017-05-17T02:56:41.617 回答
0 
<!-- COPY AND PAST THIS CODE HTML IN SOME EDITOR FOR BETTER VISUALIZATION, AFTER RUN-->

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Run  Mathquill</title>


        <!-- YOU NEED  mathquill.css , jquery and mathquill.js SEARCH AND PICK IT SOMEWHERE, SEARCH ON THE WEB IF THIS DOWN  NOT RUN-->
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mathquill/0.10.1/mathquill.css"/> 
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/mathquill/0.10.1/mathquill.js"></script>

        <!-- INFORM  THE LATEST AVERSION INTERFACE WITH THIS CODE   -->
        <script>
            var MQ = MathQuill.getInterface(2);
        </script>


    </head>

    <body>

          <!--EXAMPLE COMMON TEXT TRANSFORMED WITH MATHQUILL  -->
         <p>Solve <span id="problem">f(x) = ax^2 + bx + c + = 0</span>.</p>
            <script>
                  var problemSpan = document.getElementById('problem');
                 MQ.StaticMath(problemSpan);
            </script> 




        <!-- EXAMPLE TO  CREATE AN EDITABLE MATH FIELD  -->
        <p><span id="answer">x=</span></p>
        <script>
            var answerSpan = document.getElementById('answer');
            var answerMathField = MQ.MathField(answerSpan, {
                handlers: {
                edit: function() {
                    var enteredMath = answerMathField.latex(); // Get entered math in LaTeX format
                    checkAnswer(enteredMath);
                }
                }
            });
        </script>

    </body>
</html>
于 2020-02-01T03:39:29.117 回答