Deje que PageDown y MathJax trabajen juntos.

Question

Jun 27, 2012, 04:30 PM

Deje que PageDown y MathJax trabajen juntos.

Estoy implementando una interfaz de usuario que se parece mucho a la demath.stackexchange.com:

Usando el Markdown de lujo como estás acostumbrado endesbordamiento de pilaAnálisis de formularios utilizando MathJax entre$...$-señales.

Así que descargué la demo de PageDown y la configuré, que funciona bastante bien. Ahora trato de dejar que MathJax se cargue dinámicamente cada vez que el<textarea>cambios

MathJax consiguió unejemplo para este enfoque, pero no puedo hacerlo funcionar. Así es como se ve el código 'my':

     <link rel="stylesheet" type="text/css" href="demo.css" />

    <script type="text/javascript" src="../../Markdown.Converter.js"></script>
    <script type="text/javascript" src="../../Markdown.Sanitizer.js"></script>
    <script type="text/javascript" src="../../Markdown.Editor.js"></script>

    <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.js"></script>
    <script type="text/x-mathjax-config">
      MathJax.Hub.Config({
        tex2jax: {
          inlineMath: [["$","$"],["\\(","\\)"]]
        }
      });
    $("#wmd-input").keypress(function(event){
        UpdateMath($(this).val());
    });
    </script>
    <script type="text/javascript" src="../../../mathjax-MathJax-07669ac/MathJax.js?config=TeX-AMS_HTML-full">
    </script>
</head>
<body>
    <script>
      (function () {
        var QUEUE = MathJax.Hub.queue;  // shorthand for the queue
        var math = null;                // the element jax for the math output.

        QUEUE.Push(function () {
          math = MathJax.Hub.getAllJax("#wmd-preview")[0];
        });

        window.UpdateMath = function (TeX) {
          QUEUE.Push(["Text",math,"\\displaystyle{"+TeX+"}"]);
        }
      })();
    </script>

    <div class="wmd-panel">
        <div id="wmd-button-bar"></div>
        <textarea class="wmd-input" id="wmd-input" value=""/>

    </textarea>
    </div>
    <div id="wmd-preview" class="wmd-panel wmd-preview"></div>
    <br /> <br />
    <script type="text/javascript">(function () {
                 var converter1 = Markdown.getSanitizingConverter();
            var editor1 = new Markdown.Editor(converter1);
            editor1.run();
        })();
    </script>
</body>

Este fragmento debería actualizar la vista previa cada vez que sekeypress evento se dispara. En cambio, en la página de carga, el texto se procesa bien, pero tan pronto como empiezo a escribir el$...$El código se imprime en el cuadro de vista previa.

Deja tu comentario