文章/答案/技术大牛

发布

社区首页 >问答首页 >如何在我的网站上使用Mathquill

问如何在我的网站上使用Mathquill
EN

Stack Overflow用户

提问于 2017-05-17 09:31:57

回答 2查看 2.1K关注 0票数 2

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

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

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

我用我的index.php下载了最新的mathquill文件及其内部的htdocs(xampp)或www(wamp)。

我必须把我的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的步骤，我将不胜感激。提前感谢

javascript

php

jquery

html

mathquill

回答 2

Stack Overflow用户

发布于 2017-05-17 10:56:42

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

票数 3

Stack Overflow用户

发布于 2020-02-01 11:39:29

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

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/44014061

复制

相似问题

问如何在我的网站上使用Mathquill
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在我的网站上使用MathquillEN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在我的网站上使用Mathquill
EN