javascript - How to use Mathquill on my website

admin管理员组
文章数量:1023263

I'm having problems in using mathquill on my website. I'm new to this. I'm stuck in this part

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

I dont know what to put on the hrefs because I'm not seeing those files from mathquill file i got from github..

i downloaded the latest mathquill files and its inside htdocs(xampp) or www(wamp) together with my index.php.

Do i have to place my index.php inside mqthquill-0.10.1 folder?

Here is my

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

I appreciate if someone could give me the steps on how to use mathquill. thanks in advance

I'm having problems in using mathquill on my website. I'm new to this. I'm stuck in this part

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

I dont know what to put on the hrefs because I'm not seeing those files from mathquill file i got from github..

i downloaded the latest mathquill files and its inside htdocs(xampp) or www(wamp) together with my index.php.

Do i have to place my index.php inside mqthquill-0.10.1 folder?

Here is my

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

I appreciate if someone could give me the steps on how to use mathquill. thanks in advance

Share Improve this question edited May 17, 2017 at 2:56 asked May 17, 2017 at 1:31 Ian 391 silver badge3 bronze badges

I just downloaded the .zip off Github via the "latest release" link in the docs and there's a mathquill.js and mathquill.css file right there in it. – ceejayoz Commented May 17, 2017 at 1:35
i already downloaded the file but i don't know how to use it in.. like the codes. and calling it. i copied and pasted it on my site but its not working. i think theres something im not doing.. – Ian Commented May 17, 2017 at 1:41
The docs have an entire section on "getting started". Read it and follow along. – ceejayoz Commented May 17, 2017 at 1:42
dude what i want to know is i dont know what to put on the href. do i need to leave it as is or do i need to change it. im new to this thing. im not that knowledgeable in programming – Ian Commented May 17, 2017 at 1:44

Add a ment |

2 Answers 2

Sorted by: Reset to default 3

Option 1

You can either download the mathquill.css and mathquill.js files from github and use them from your directory.

If you have your folder (directory) structure as below:

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

Here's how you would reference the CSS and JS files:

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

An easy way to check if your paths are correct is to put the entire URL in the browser's address bar. For example, if you are browsing the page as:

www.mydomain./mypage.html

The links to css and js files in the example folder structure I mentioned above would be:

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

Option 2

You could use the CDN to get the JS and CSS files on your page. Just copy the below two lines on to your html page, and you are ready to go.

<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare./ajax/libs/mathquill/0.10.1/mathquill.min.css">`
<script src="https://cdnjs.cloudflare./ajax/libs/mathquill/0.10.1/mathquill.min.js" type="text/javascript"></script>

<!-- 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./ajax/libs/mathquill/0.10.1/mathquill.css"/> 
        <script src="https://ajax.googleapis./ajax/libs/jquery/3.4.1/jquery.min.js"></script>
        <script src="https://cdnjs.cloudflare./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>

I'm having problems in using mathquill on my website. I'm new to this. I'm stuck in this part

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

I dont know what to put on the hrefs because I'm not seeing those files from mathquill file i got from github..

i downloaded the latest mathquill files and its inside htdocs(xampp) or www(wamp) together with my index.php.

Do i have to place my index.php inside mqthquill-0.10.1 folder?

Here is my

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

I appreciate if someone could give me the steps on how to use mathquill. thanks in advance

I'm having problems in using mathquill on my website. I'm new to this. I'm stuck in this part

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

I dont know what to put on the hrefs because I'm not seeing those files from mathquill file i got from github..

i downloaded the latest mathquill files and its inside htdocs(xampp) or www(wamp) together with my index.php.

Do i have to place my index.php inside mqthquill-0.10.1 folder?

Here is my

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

I appreciate if someone could give me the steps on how to use mathquill. thanks in advance

Share Improve this question edited May 17, 2017 at 2:56 asked May 17, 2017 at 1:31 Ian 391 silver badge3 bronze badges

I just downloaded the .zip off Github via the "latest release" link in the docs and there's a mathquill.js and mathquill.css file right there in it. – ceejayoz Commented May 17, 2017 at 1:35
i already downloaded the file but i don't know how to use it in.. like the codes. and calling it. i copied and pasted it on my site but its not working. i think theres something im not doing.. – Ian Commented May 17, 2017 at 1:41
The docs have an entire section on "getting started". Read it and follow along. – ceejayoz Commented May 17, 2017 at 1:42
dude what i want to know is i dont know what to put on the href. do i need to leave it as is or do i need to change it. im new to this thing. im not that knowledgeable in programming – Ian Commented May 17, 2017 at 1:44

Add a ment |

2 Answers 2

Sorted by: Reset to default 3

Option 1

You can either download the mathquill.css and mathquill.js files from github and use them from your directory.

If you have your folder (directory) structure as below:

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

Here's how you would reference the CSS and JS files:

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

An easy way to check if your paths are correct is to put the entire URL in the browser's address bar. For example, if you are browsing the page as:

www.mydomain./mypage.html

The links to css and js files in the example folder structure I mentioned above would be:

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

Option 2

You could use the CDN to get the JS and CSS files on your page. Just copy the below two lines on to your html page, and you are ready to go.

<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare./ajax/libs/mathquill/0.10.1/mathquill.min.css">`
<script src="https://cdnjs.cloudflare./ajax/libs/mathquill/0.10.1/mathquill.min.js" type="text/javascript"></script>

<!-- 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./ajax/libs/mathquill/0.10.1/mathquill.css"/> 
        <script src="https://ajax.googleapis./ajax/libs/jquery/3.4.1/jquery.min.js"></script>
        <script src="https://cdnjs.cloudflare./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>

本文标签： javascriptHow to use Mathquill on my websiteStack Overflow

版权声明：本文标题：javascript - How to use Mathquill on my website - Stack Overflow 内容由热心网友自发贡献，该文观点仅代表作者本人，转载请联系作者并注明出处：http://it.en369.cn/questions/1745535757a2154951.html，本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。

369IT编程

javascript - How to use Mathquill on my website - Stack Overflow

2 Answers 2

Option 1

Option 2

2 Answers 2

Option 1

Option 2

更多相关文章

javascript - How to use Mathquill on my website - Stack Overflow

发表评论

推荐文章

jquery - Filtering Date in Javascript - Stack Overflow

javascript - Uncaught ReferenceError, Splide is not defined at HTMLDocument - Stack Overflow

jquery - Check if variable exists in a html table with javascript - Stack Overflow

javascript - Promise.resolve object is not a constructor - Stack Overflow

javascript - Bundle Wasm + JS file into one using webpack - Stack Overflow

热门文章

javascript - Can chrome.contextMenus.update be used to disable a menu item? - Stack Overflow

jquery - My web site is freezing - probably JavaScript, but I can&#39;t identify why - Stack Overflow

javascript - Merge a single CSS property in Emotion - Stack Overflow

performance - Minimal WordPress load for only `get_option` to work (because ajax...)

c++ - Problems using FFmpeglibavfilter for adding overlay to grabbed frames - Stack Overflow

javascript - Make marquee when text overflows - Stack Overflow

Why does WordPress cap the number of pingbacks it attempts per post?

Cannot get function.php code to work to remove Lost Password link on live site

dom - What is BarProp in Javascript? - Stack Overflow

javascript - Jquery - Prevent click event from being triggered through an overlying layer - Stack Overflow

最新文章

windows设置断电重启开机后自动输入锁屏密码登录

Windows系统设置开机默认开启数字小键盘

Windows11 开机自动同步时间（开机时间不更新问题）

windows配置开机自启动软件或脚本

【Redis】Windows设置Redis为开机自启动

程序员刚毕业，先去大厂镀金还是先去小厂攒经验？

万象2008清空boss账户密码

【Tools】GitBook简明教程

oracle exadata celldisk 闪存盘受损导致性能下降

SDUT 2138 图结构练习——BFSDFS——判断可达性

javascript - HTML5 Canvas - How to get adjacent pixels position from the linearized imagedata Uint8ClampedArray? - Stack Overflo

apache nifi - How to read csv with binary delimiter - Stack Overflow

javascript - How to deal with React Native animated.timing in same child components - Stack Overflow

plugins - Error when setting up phpunit tests with wp-cli scaffold

javascript - Is there a way to tile a background image over a canvas path? - Stack Overflow

jquery - My web site is freezing - probably JavaScript, but I can't identify why - Stack Overflow