Welcome to the Question2Answer Q&A. There's also a demo if you just want to try it out.
Ask a Question

Mathematical formulas can't be translated in comments.

+1 vote
1.8k views
in Q2A Core by

I have added the following Mathjax code to the <head> of all pages.

<script type="text/x-mathjax-config">
  MathJax.Hub.Config({
    extensions: ["tex2jax.js"],
    jax: ["input/TeX","output/HTML-CSS"],
    tex2jax: {inlineMath: [["$","$"],["\\(","\\)"]]},
    TeX: { extensions: ["AMSmath.js","AMSsymbols.js"]}
  });
</script>

So all mathematical formulas between $ $ could be translated.(for example see mathoverflow.com)

My problem is when I write a mathematical formula in comments and add comment browser doesn't translate it until I refresh the page.

I have the same problem when I click on previous comments.

But I don't have this problem when I edit a comment. because after editing a comment the page will refresh.

 

This is a big problem because my website is about mathematic. :(

Many thanks for your help.

1 Answer

+3 votes
by
edited by

You need to call Mathjax again after the ajax post.

But this is not easily done with q2a 1.6.3 - since everything is coded in pure Javascript.

Check qa-question.js there should be something like:

qa_ajax_post('answer', params,

there I have added

                var answTxt = lines.slice(3).join("\n");
                if(answTxt.indexOf('^')!=-1 && answTxt.indexOf('$$')==-1 && answTxt.indexOf('\\(')==-1) {
                    e.innerHTML = answTxt;
                }
                else {
                    e.innerHTML = answTxt;
                    if(answTxt.indexOf('$$')!=-1 || answTxt.indexOf('\(')!=-1 ) {
                        // insert mathjax-config for linebreak option
                        $('head').append('<script type="text/x-mathjax-config"> MathJax.Hub.Config({ "HTML-CSS": { scale:100, linebreaks: { automatic: true } }, SVG: { linebreaks: { automatic: true } }, displayAlign: "left" }); </script>');
                        
                        var mjaxURL = 'http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML&locale=de'; // ,Safe.js
                        // as soon mathjax is loaded
                        $.getScript(mjaxURL, function() {
                            // mathjax loaded, call it on the comment which is e
                            MathJax.Hub.Queue(['Typeset', MathJax.Hub, e]);
                        });
                    }
                }
 

Hope this helps.

 

PS: This approach is used in my German math forum: http://www.gute-mathe-fragen.de/

by
Kai: Thanks. But in qa-page.js I just have these:
    qa_ajax_post('vote', {postid:postid, vote:vote, code:code},
    qa_ajax_post('notice', {noticeid:ens[1], code:code},
    qa_ajax_post('favorite', {entitytype:ens[1], entityid:ens[2], favorite:parseInt(ens[3]), code:code},
function qa_ajax_post(operation, params, callback)

There isn't qa_ajax_post('answer', params,
could you please help me?
by
Kai: Any ideas, please?
by
by
Hi Kai. your code works fine. But how to stop scrolling to top after adding comment or answer? could you please help me?
by
@Kai You solution is the best now, but would like to see this in Core as MathJax is used in many sites.
Snow Theme by Q2A Market
Powered by Question2Answer
...