fix bugs

10 years ago · dfd488b4d8
1 changed files with 65 additions and 0 deletions
--- a/examples/katex.html
+++ b/examples/katex.html
@ -0,0 +1,65 @@
 <!DOCTYPE html>
 <html lang="zh">
    <head>
        <meta charset="utf-8" />
        <title>Tex科学公式 - Editor.md examples</title>
        <link rel="stylesheet" href="css/style.css" />
    </head>
    <body>
        <div id="layout">
            <header>
                <h1>Tex科学公式</h1>
 				<p>基于KaTeX.js：<a href="http://khan.github.io/KaTeX/" target="_blank">http://khan.github.io/KaTeX/</a></p>        
            </header>
            <div class="editormd" id="test-editormd">                
                <script type="text/markdown">####科学公式
 $$E=mc^2$$
 $$\(\sqrt{3x-1}+(1+x)^2\)$$
 $$\sin(\alpha)^{\theta}=\sum_{i=0}^{n}(x^i + \cos(f))$$</script>
            </div>
        </div>
 		<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/KaTeX/0.1.1/katex.min.css">
 		<script src="//cdnjs.cloudflare.com/ajax/libs/KaTeX/0.1.1/katex.min.js"></script>
        <script src="../lib/jquery.min.js"></script>
        <link rel="stylesheet" href="../dist/css/editormd.css" />
        <script src="../src/js/editormd.js"></script>   
        <script type="text/javascript">
            $(function() {      
                //自定义MathJax加载URL，适用于国内
                //editormd.mathjaxURL = "http://cdn.bootcss.com/mathjax/2.4.0/MathJax.js?config=TeX-AMS-MML_HTMLorMML";
                //适用于全球/国外
                //editormd.mathjaxURL  = "http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML";
                var testEditor
                $.get("./test.md", function(md){
                    testEditor = editormd("test-editormd", {
                        width: "90%",
                        height: 640,
                        path : '../lib/',
                        markdown : md,
                        //mathjax : true,
                        onload : function() {
                            this.editor.find(".mathjax-code").each(function(){
                                //console.log($(this)[0]);
                                $(this).html($(this).html().replace(/\$\$/g, ""));
                                katex.render($(this).html(), $(this)[0]);
                            });
                        },
                        onchange : function() {
                            this.editor.find(".mathjax-code").each(function(){
                                //console.log($(this)[0]);
                                $(this).html($(this).html().replace(/\$\$/g, ""));
                                katex.render($(this).html(), $(this)[0]);
                            });
                        }
                    });
                });
            });
        </script>
    </body>
 </html>