(cache)jsで数式：MathQuill

この記事は私がまとめました

MathQuill はこんなところで、使われています

Partners - MathQuill: Easily type math in your webapp

MathQuill Fork me on GitHub Community Docs Source Partners Great support from great members The MathQuill Alliance is a passionate community ranging from individual hobbyists to corporate teams. Toge…

http://rr.img.naver.jp:80/mig?src=http%3A%2F%2Fmathquill.com%2Fimages%2Fpartner_logos%2Fsapientdocs.png&twidth=300&theight=300&qlt=80&res_format=jpg&op=r

詳細を見る

MathQuill はJQueryを使います

Getting Started - MathQuill

http://docs.mathquill.com/en/latest/Getting_Started/

MathQuill Home Getting Started Download and Load Basic Usage Static Math Rendering Editable Math Fields Get and Set Math Join the Community API Methods Config Options Under the Hood Code of Conduct …

MathQuill depends on jQuery 1.4.3+

詳細を見る

MathQuill はこんな風に使います

MQ.StaticMath()は静的なレンダリングを行います。

出典Getting Started - MathQuill

<p>Solve <span id="problem">ax^2 + bx + c = 0</span>.</p>

<script>
var problemSpan = document.getElementById('problem');
MQ.StaticMath(problemSpan);
</script>

詳細を見る

出来上がった数式（インスタンス）に対して以下のメソッドの利用が行えます。
http://docs.mathquill.com/en/latest/Api_Methods/#mathquill-base-methods
.revert()：元の文に戻します
.reflow()：再計算を行います
.el()：htmlエレメントに戻します
.latex()：latex表現にします
.latex(latex_string)：latex表現をMathquillのインスタンスにします

出典API Methods - MathQuill

詳細を見る

MathQuillサンプルチュートリアル

http://booksproj.blogspot.jp/p/mathquill.html

MathQuillでのLatex変換やその他のサンプルを集めています

詳細を見る

編集可能なインスタンスをMathFieldで構築できます

MQ.MathField() 構築時に各設定が行えます

出典Getting Started - MathQuill

詳細を見る

Latexを知っていると、いろいろできます

TeX総まとめ - NAVER まとめ

http://matome.naver.jp/odai/2146486483300018901

LaTeX は TeX の上に構築されたフリーの文書処理システムです

http://rr.img.naver.jp:80/mig?src=http%3A%2F%2Fupload.wikimedia.org%2Fwikipedia%2Fcommons%2Fthumb%2F6%2F68%2FTeX_logo.svg%2F640px-TeX_logo.svg.png&twidth=300&theight=300&qlt=80&res_format=jpg&op=r

詳細を見る

サンプル、デモ　利用例

MathQuill Cheat Sheet - Udacity

https://www.udacity.com/wiki/ma006/mathquill

Find free online courses, make a career change, or get a new job by completing a Nanodegree program. Self paced online learning with code reviews.

詳細を見る

開発準備室: mathquillとBootstrap

http://kikulab.blogspot.jp/2015/03/mathquillbootstrap.html

開発準備室ページホーム KikuchiMagick ShootingStarDetector 2015年3月3日火曜日 mathquillとBootstrap Bootstrap と一緒に MathQuill を使うと，数式のレンダリングがおかしくなることがある。本来は，こうあるべき。これを回避するためには，CSSで， .mathquill-editable * { box-sizing…

http://rr.img.naver.jp:80/mig?src=http%3A%2F%2F4.bp.blogspot.com%2F-27giY7esLr8%2FVPWF5RGyLYI%2FAAAAAAAANlc%2FAsfv65Va5js%2Fs1600%2Fmq-success1.png&twidth=300&theight=300&qlt=80&res_format=jpg&op=r

詳細を見る

Math Quill Inequalities - Visualizing Algebra - YouTube

https://www.youtube.com/watch?v=IVyjUvEahLU

This video is part of an online course, Visualizing Algebra. Check out the course here: https://www.udacity.com/course/ma006.

http://rr.img.naver.jp:80/mig?src=https%3A%2F%2Fi.ytimg.com%2Fvi%2FIVyjUvEahLU%2Fmaxresdefault.jpg&twidth=300&theight=300&qlt=80&res_format=jpg&op=r

詳細を見る

Math Quill Unit 3 - Visualizing Algebra - YouTube

https://www.youtube.com/watch?v=CdiR8DxDAws

This video is part of an online course, Visualizing Algebra. Check out the course here: https://www.udacity.com/course/ma006.

http://rr.img.naver.jp:80/mig?src=https%3A%2F%2Fi.ytimg.com%2Fvi%2FCdiR8DxDAws%2Fmaxresdefault.jpg&twidth=300&theight=300&qlt=80&res_format=jpg&op=r

詳細を見る