MathQuill 0.2α

by Jay and Han

The HTML source <span class="mathquill-embedded-latex">e^{i\pi}+1=0</span> with LaTeX math embedded in it and wrapped in an element with CSS class "mathquill-embedded-latex" get's turned into the inline equation e^{i\pi}+1=0.

MathQuill editable math: \frac{d}{dx}\sqrt{x}=\frac{1}{2\sqrt{x}}

(You can start by trying x^2 or 3/4 and using the arrow keys to move around. more »)

Latex source:

Code Cogs: LaTeX rendered as an image Link

Show HTML Source (Note how semantically meaningful it is)


    
In many applications, such as a chat client, you probably type mostly normal text with some math interspersed, so we also have a MathQuill Textbox that let's you type math between $'s: lolwut $a^2 + b^2 = c^2$.  Also, awesomesauce: $\int_0^1 \sin x dx.

    
LaTeX math can also have textboxes inside: \int\editable{}dx or even \sqrt{\editable{x^2+y^2}}

    
This button runs the JavaScript code written on it to MathQuill-ify the following <code> element into an editable math textbox: 
       \frac{d}{dx}\sqrt{x} = \frac{d}{dx}x^{\frac{1}{2}} = \frac{1}{2}x^{-\frac{1}{2}} = \frac{1}{2\sqrt{x}}