[BACK]Return to test.html CVS log [TXT] [DIR] Up to [LON-CAPA] / loncom / html / adm / LC_math_editor
File:  [LON-CAPA] / loncom / html / adm / LC_math_editor / test.html
Revision 1.1: download - view: text, annotated - select for diffs
Wed Sep 24 18:14:31 2014 UTC (9 years, 11 months ago) by damieng
Branches: MAIN
CVS tags: HEAD
added new LON-CAPA math editor for mathresponse and formularesponse to replace the DragMath applet

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Math editor test</title>
    <style>
        div.eqnbox { margin: 1em }
        textarea.math { font-family: monospace; height: 3em; width: 100%; }
        span.math-error { border: solid 1px red; min-width: 1px; }
    </style>
</head>
<body>
    <p>Strict syntax, symbolic mode:</p>
    <div class="eqnbox">
        <textarea class="math" spellcheck="false" autofocus="autofocus"></textarea>
    </div>
    <p>Strict syntax, unit mode (no variable):</p>
    <div class="eqnbox">
        <textarea class="math" data-unit_mode="true" data-constants="c, pi, e, hbar, amu" spellcheck="false" autofocus="autofocus"></textarea>
    </div>
    <p>Lax syntax, symbolic mode:</p>
    <div class="eqnbox">
        <textarea class="math" data-implicit_operators="true" spellcheck="false" autofocus="autofocus"></textarea>
    </div>
    <p>Lax syntax, unit mode:</p>
    <div class="eqnbox">
        <textarea class="math" data-implicit_operators="true" data-unit_mode="true" data-constants="c, pi, e, hbar, amu" spellcheck="false" autofocus="autofocus"></textarea>
    </div>
    <div class="eqnbox">
        Test in a field <input class="math" data-implicit_operators="true" spellcheck="false" autofocus="autofocus"></textarea> with text around (Lax syntax, symbolic mode)
    </div>
    <script src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=MML_HTMLorMML"></script>
    <script src="src/definitions.js"></script>
    <script src="src/enode.js"></script>
    <script src="src/operator.js"></script>
    <script src="src/parse_exception.js"></script>
    <script src="src/parser.js"></script>
    <script src="src/token.js"></script>
    <script src="src/tokenizer.js"></script>
    <script src="src/ui.js"></script>
    <script>
        window.addEventListener('load', function(e) {
            initEditors(); // will be LCMATH.init_editors() with the minimized version
        }, false);
    </script>
</body>
</html>
FreeBSD-CVSweb <freebsd-cvsweb@FreeBSD.org>