Highest Voted 'mathquill' Questions

12

votes

1 answer

Virtual Latex math keyboard with MathJax or similar

I'm trying to create a virtual math keyboard like the one in khanacademy.org or mathspace.co or similar websites, where you can insert math symbols and write over them to answer a question if you're a student, how can I achieve something like…

asked Dec 09 '16 at 11:48

Ruby

2,207
12
42
71

11

votes

2 answers

compare performance MathJax vs MathQuill vs Katex

I'm looking for the fastest way to create formules inside a web page. I thought I found the solution on jsperf in which MathQuill is by far the quickest. After I studied the tests a bit I noticed that the test for MathQuill runs in sync-mode, but it…

javascript performance mathjax katex mathquill

asked Nov 30 '14 at 19:27

Jeanluca Scaljeri

26,343
56
205
333

4

votes

1 answer

MathQuill Problem: When I press custom divide (\) button cursor not moved to numerator

When / is clicked I want to move the cursor pointer to numerator \frac{ cursor here }{} When pressed from keyboard it is ok but when through button event it's not working fine. I want a solution if have any? Here is the mathquill library I'm…

javascript html jquery libraries mathquill

asked Jan 24 '23 at 05:40

Developer Ali Usman

857
4
16

3

votes

0 answers

How can I implement mathquill in ace editor?

I'm building a latex editor using ace editor. I need to support math functions inside the editor as inline. User must be able to enable/disable math mode by pressing (shift + $). After pressing the key he must be able to write math functions and it…

javascript ace-editor mathquill

asked May 02 '19 at 04:12

Yadu Chandran

177
13

3

votes

0 answers

Using Mathquill Interface in angular 6

I have used Mathquill Interface to create math editor for my website. math

angular math angular6 mathquill

asked Dec 19 '18 at 06:19

Vikramark

137
13

3

votes

1 answer

How to grab the MathQuill data once user types it in?

I am trying to set up a chat that can parse math text, and I think MathQuill does the visuals, but I need to parse what the user types in once they submit it. I am using the MathQuill editor:

javascript html mathquill

asked May 01 '16 at 19:47

Seth Kitchen

1,526
19
53

3

votes

1 answer

mathquill latex- how can I move cursor (selection) by code?

I am using mathquill lib (mathquill git) and I am trying to make a keypad and a backspace using html buttons but I can't figure out how to move the cursor throw the formula. Thanks,

javascript html latex mathquill

asked Dec 07 '14 at 11:44

Roy

137
2
7

2

votes

0 answers

Mathjax vs Katex

I would like to write a small web application to host a bunch of math questions for my students. It appears that MathJax and Katex are two of the most popular libraries for doing this. I have read a few articles comparing the two, but they are…

math mathjax katex mathquill

asked May 25 '21 at 06:18

Andrew Einhorn

741
8
23

2

votes

1 answer

How to output as LaTeX from Mathquill Matheditor?

My math-field freeze(can't type inside it) with Mathquill Matheditor when I try to translate Mathquill equation into LaTeX language.

This is the current…</div>
        <div class="grid ai-start jc-space-between fw-wrap">
            <div class="grid gs4 fw-wrap tags ">
                
                <a href="../../questions/tagged/javascript" class="post-tag grid--cell" title="show questions tagged 'javascript'" rel="tag">javascript</a> 
                
                <a href="../../questions/tagged/mathquill" class="post-tag grid--cell" title="show questions tagged 'mathquill'" rel="tag">mathquill</a> 
                
            </div>
            <div class="started mt0">
                
                    
<div class="s-user-card s-user-card">
    <time class="s-user-card--time" datetime="asked Feb 05 '18 at 04:04">asked Feb 05 '18 at 04:04</time>
    <a href="../../users/9133374/zecret" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/9133374.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Zecret" />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/9133374/zecret" class="s-user-card--link">Zecret</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">360</li>
            <li class="s-award-bling s-award-bling__gold" title="1 gold badge">1</li>
            <li class="s-award-bling s-award-bling__silver" title="4 silver badge">4</li>
            <li class="s-award-bling s-award-bling__bronze" title="19 bronze badge">19</li>
        </ul>
    </div>
</div>

</div>
        </div>
    </div>
</div>
                    </div>
                
                    <div class="mln24">
                    <div class="question-summary" id="question-summary-44953300">
    <div class="statscontainer">
        <div class="stats">
            <div class="vote">
                <div class="votes">
                    <span class="vote-count-post"><strong>2</strong></span>
                    <div class="viewcount">votes</div>
                </div>
            </div>

<div class="status ">
                <strong>0</strong> answers
            </div>
        </div>
    </div>
    <div class="summary">
        
        <h3><a href="../../questions/44953300/how-to-restrict-latex-commands-in-mathquill" class="question-hyperlink">How to restrict LaTex commands in MathQuill?</a></h3>
        <div class="excerpt">I am using MathQuill lib for the formula input. I need to restrict all commands but +, -, * and /.
I've  achieved this in the following way:
var previous = '';
        var answerMathField = MQ.MathField(answerSpan, {
          handlers: {
          …</div>
        <div class="grid ai-start jc-space-between fw-wrap">
            <div class="grid gs4 fw-wrap tags ">
                
                <a href="../../questions/tagged/latex" class="post-tag grid--cell" title="show questions tagged 'latex'" rel="tag">latex</a> 
                
                <a href="../../questions/tagged/mathquill" class="post-tag grid--cell" title="show questions tagged 'mathquill'" rel="tag">mathquill</a> 
                
            </div>
            <div class="started mt0">
                
                    
<div class="s-user-card s-user-card">
    <time class="s-user-card--time" datetime="asked Jul 06 '17 at 15:33">asked Jul 06 '17 at 15:33</time>
    <a href="../../users/8226496/exp" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/8226496.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="exp" />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/8226496/exp" class="s-user-card--link">exp</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">39</li>
            
            
            <li class="s-award-bling s-award-bling__bronze" title="6 bronze badges">6</li>
        </ul>
    </div>
</div>

</div>
        </div>
    </div>
</div>
                    </div>
                
                    <div class="mln24">
                    <div class="question-summary" id="question-summary-44014061">
    <div class="statscontainer">
        <div class="stats">
            <div class="vote">
                <div class="votes">
                    <span class="vote-count-post"><strong>2</strong></span>
                    <div class="viewcount">votes</div>
                </div>
            </div>

<div class="status ">
                <strong>2</strong> answers
            </div>
        </div>
    </div>
    <div class="summary">
        
        <h3><a href="../../questions/44014061/how-to-use-mathquill-on-my-website" class="question-hyperlink">How to use Mathquill on my website</a></h3>
        <div class="excerpt">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…</div>
        <div class="grid ai-start jc-space-between fw-wrap">
            <div class="grid gs4 fw-wrap tags ">
                
                <a href="../../questions/tagged/javascript" class="post-tag grid--cell" title="show questions tagged 'javascript'" rel="tag">javascript</a> 
                
                <a href="../../questions/tagged/php" class="post-tag grid--cell" title="show questions tagged 'php'" rel="tag">php</a> 
                
                <a href="../../questions/tagged/jquery" class="post-tag grid--cell" title="show questions tagged 'jquery'" rel="tag">jquery</a> 
                
                <a href="../../questions/tagged/html" class="post-tag grid--cell" title="show questions tagged 'html'" rel="tag">html</a> 
                
                <a href="../../questions/tagged/mathquill" class="post-tag grid--cell" title="show questions tagged 'mathquill'" rel="tag">mathquill</a> 
                
            </div>
            <div class="started mt0">
                
                    
<div class="s-user-card s-user-card">
    <time class="s-user-card--time" datetime="asked May 17 '17 at 01:31">asked May 17 '17 at 01:31</time>
    <a href="../../users/8022658/ian" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/8022658.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Ian" />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/8022658/ian" class="s-user-card--link">Ian</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">29</li>
            
            <li class="s-award-bling s-award-bling__silver" title="1 silver badges">1</li>
            <li class="s-award-bling s-award-bling__bronze" title="3 bronze badges">3</li>
        </ul>
    </div>
</div>

</div>
        </div>
    </div>
</div>
                    </div>
                
                    <div class="mln24">
                    <div class="question-summary" id="question-summary-41389466">
    <div class="statscontainer">
        <div class="stats">
            <div class="vote">
                <div class="votes">
                    <span class="vote-count-post"><strong>2</strong></span>
                    <div class="viewcount">votes</div>
                </div>
            </div>

<div class="status answered-accepted">
                <strong>2</strong> answers
            </div>
        </div>
    </div>
    <div class="summary">
        
        <h3><a href="../../questions/41389466/mathquil-api-inclusion" class="question-hyperlink">MathQuil API Inclusion</a></h3>
        <div class="excerpt">MathQuill seems to be particularly hard to include in our project, when  we exactly follow the instructions off their website and we put:
<link rel="stylesheet" href="file:///mathquill-0.10.1/mathquill.css"/>
<script…</div>
        <div class="grid ai-start jc-space-between fw-wrap">
            <div class="grid gs4 fw-wrap tags ">
                
                <a href="../../questions/tagged/javascript" class="post-tag grid--cell" title="show questions tagged 'javascript'" rel="tag">javascript</a> 
                
                <a href="../../questions/tagged/node.js" class="post-tag grid--cell" title="show questions tagged 'node.js'" rel="tag">node.js</a> 
                
                <a href="../../questions/tagged/ejs" class="post-tag grid--cell" title="show questions tagged 'ejs'" rel="tag">ejs</a> 
                
                <a href="../../questions/tagged/mathquill" class="post-tag grid--cell" title="show questions tagged 'mathquill'" rel="tag">mathquill</a> 
                
            </div>
            <div class="started mt0">
                
                    
<div class="s-user-card s-user-card">
    <time class="s-user-card--time" datetime="asked Dec 30 '16 at 01:28">asked Dec 30 '16 at 01:28</time>
    <a href="../../users/4301453/jonathan-woollett-light" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/4301453.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Jonathan Woollett-light" />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/4301453/jonathan-woollett-light" class="s-user-card--link">Jonathan Woollett-light</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">2,813</li>
            <li class="s-award-bling s-award-bling__gold" title="5 gold badges">5</li>
            <li class="s-award-bling s-award-bling__silver" title="30 silver badges">30</li>
            <li class="s-award-bling s-award-bling__bronze" title="58 bronze badges">58</li>
        </ul>
    </div>
</div>

</div>
        </div>
    </div>
</div>
                    </div>
                
                    <div class="mln24">
                    <div class="question-summary" id="question-summary-37514461">
    <div class="statscontainer">
        <div class="stats">
            <div class="vote">
                <div class="votes">
                    <span class="vote-count-post"><strong>2</strong></span>
                    <div class="viewcount">votes</div>
                </div>
            </div>

<div class="status ">
                <strong>1</strong> answer
            </div>
        </div>
    </div>
    <div class="summary">
        
        <h3><a href="../../questions/37514461/auto-grading-mathquill-and-or-mathjax" class="question-hyperlink">Auto Grading MathQuill and/or MathJax</a></h3>
        <div class="excerpt">I have an online assessment platform, and I am trying to auto-grade math questions. The student will enter the question through our MathQuill interface that is working nicely. (for both desktop and tablets)
However, I am running into issues figuring…</div>
        <div class="grid ai-start jc-space-between fw-wrap">
            <div class="grid gs4 fw-wrap tags ">
                
                <a href="../../questions/tagged/mathjax" class="post-tag grid--cell" title="show questions tagged 'mathjax'" rel="tag">mathjax</a> 
                
                <a href="../../questions/tagged/mathquill" class="post-tag grid--cell" title="show questions tagged 'mathquill'" rel="tag">mathquill</a> 
                
            </div>
            <div class="started mt0">
                
                    
<div class="s-user-card s-user-card">
    <time class="s-user-card--time" datetime="asked May 29 '16 at 20:09">asked May 29 '16 at 20:09</time>
    <a href="../../users/6397903/robert-v" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/6397903.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Robert V" />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/6397903/robert-v" class="s-user-card--link">Robert V</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">49</li>
            
            
            <li class="s-award-bling s-award-bling__bronze" title="2 bronze badges">2</li>
        </ul>
    </div>
</div>

</div>
        </div>
    </div>
</div>
                    </div>
                
                    <div class="mln24">
                    <div class="question-summary" id="question-summary-32370807">
    <div class="statscontainer">
        <div class="stats">
            <div class="vote">
                <div class="votes">
                    <span class="vote-count-post"><strong>2</strong></span>
                    <div class="viewcount">votes</div>
                </div>
            </div>

<div class="status ">
                <strong>0</strong> answers
            </div>
        </div>
    </div>
    <div class="summary">
        
        <h3><a href="../../questions/32370807/ipad-ios-8-click-event-on-dynamic-span-not-detected" class="question-hyperlink">iPad IOS 8 Click event on dynamic span not detected</a></h3>
        <div class="excerpt">We are integrating MathQuill with a keypad. (http://mathquill.com/demo.html). Things work fine on IOS7. With IOS8 Safari, we have trouble detecting the click events. 
Details
For mathquill integration, we have a span element in the document.…</div>
        <div class="grid ai-start jc-space-between fw-wrap">
            <div class="grid gs4 fw-wrap tags ">
                
                <a href="../../questions/tagged/jquery" class="post-tag grid--cell" title="show questions tagged 'jquery'" rel="tag">jquery</a> 
                
                <a href="../../questions/tagged/ios" class="post-tag grid--cell" title="show questions tagged 'ios'" rel="tag">ios</a> 
                
                <a href="../../questions/tagged/ipad" class="post-tag grid--cell" title="show questions tagged 'ipad'" rel="tag">ipad</a> 
                
                <a href="../../questions/tagged/jquery-events" class="post-tag grid--cell" title="show questions tagged 'jquery-events'" rel="tag">jquery-events</a> 
                
                <a href="../../questions/tagged/mathquill" class="post-tag grid--cell" title="show questions tagged 'mathquill'" rel="tag">mathquill</a> 
                
            </div>
            <div class="started mt0">
                
                    
<div class="s-user-card s-user-card">
    <time class="s-user-card--time" datetime="asked Sep 03 '15 at 08:37">asked Sep 03 '15 at 08:37</time>
    <a href="../../users/1272259/zaphod" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/1272259.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="zaphod" />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/1272259/zaphod" class="s-user-card--link">zaphod</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">2,045</li>
            <li class="s-award-bling s-award-bling__gold" title="1 gold badge">1</li>
            <li class="s-award-bling s-award-bling__silver" title="14 silver badge">14</li>
            <li class="s-award-bling s-award-bling__bronze" title="18 bronze badge">18</li>
        </ul>
    </div>
</div>

</div>
        </div>
    </div>
</div>
                    </div>
                
                    <div class="mln24">
                    <div class="question-summary" id="question-summary-29833787">
    <div class="statscontainer">
        <div class="stats">
            <div class="vote">
                <div class="votes">
                    <span class="vote-count-post"><strong>2</strong></span>
                    <div class="viewcount">votes</div>
                </div>
            </div>

<div class="status ">
                <strong>1</strong> answer
            </div>
        </div>
    </div>
    <div class="summary">
        
        <h3><a href="../../questions/29833787/custom-styling-in-ckeditor-dialog" class="question-hyperlink">Custom styling in CKEditor dialog</a></h3>
        <div class="excerpt">I'm trying to integrate the MathQuill math editor in the dialog of the MathJAX widget/plugin.
I successfully replaced the input box with a MathQuill input box, but now I would like to add a math toolbar as presented here:…</div>
        <div class="grid ai-start jc-space-between fw-wrap">
            <div class="grid gs4 fw-wrap tags ">
                
                <a href="../../questions/tagged/css" class="post-tag grid--cell" title="show questions tagged 'css'" rel="tag">css</a> 
                
                <a href="../../questions/tagged/dialog" class="post-tag grid--cell" title="show questions tagged 'dialog'" rel="tag">dialog</a> 
                
                <a href="../../questions/tagged/ckeditor" class="post-tag grid--cell" title="show questions tagged 'ckeditor'" rel="tag">ckeditor</a> 
                
                <a href="../../questions/tagged/css-reset" class="post-tag grid--cell" title="show questions tagged 'css-reset'" rel="tag">css-reset</a> 
                
                <a href="../../questions/tagged/mathquill" class="post-tag grid--cell" title="show questions tagged 'mathquill'" rel="tag">mathquill</a> 
                
            </div>
            <div class="started mt0">
                
                    
<div class="s-user-card s-user-card">
    <time class="s-user-card--time" datetime="asked Apr 23 '15 at 20:34">asked Apr 23 '15 at 20:34</time>
    <a href="../../users/4825266/mic-d" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/4825266.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Mic D" />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/4825266/mic-d" class="s-user-card--link">Mic D</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">41</li>
            
            <li class="s-award-bling s-award-bling__silver" title="1 silver badges">1</li>
            <li class="s-award-bling s-award-bling__bronze" title="4 bronze badges">4</li>
        </ul>
    </div>
</div>

</div>
        </div>
    </div>
</div>
                    </div>

</div>
        </div>

</div>
        </div>
        <script src="../../static/js/stack-icons.js"></script>
        <script src="../../static/js/fromnow.js"></script>
        
    </body>
</html>

Questions tagged [mathquill]

References

Virtual Latex math keyboard with MathJax or similar

compare performance MathJax vs MathQuill vs Katex

MathQuill Problem: When I press custom divide (\) button cursor not moved to numerator

How can I implement mathquill in ace editor?

Using Mathquill Interface in angular 6

How to grab the MathQuill data once user types it in?

mathquill latex- how can I move cursor (selection) by code?

Mathjax vs Katex

How to output as LaTeX from Mathquill Matheditor?