Mathjax formula is not showing properly on show page - ruby-on-rails

Question

I'm using CKEditor as rich text editor. For mathematical formulas I included MathJax plugin. The problem is, when I insert formula in editor's panel - it's working and showing properly, for example, but in show page it's rendering only this, for example: \(x = {-b \pm \sqrt{b^2-4ac} \over 2a}\). What should I do?

Answer 1

The MathJax plugin for ckeditor only converts a TeX string inside the Editor into a readable equation. The original source will still be the TeX string, and if you only put that content in your page - you will see the TeX string: \(x = {-b \pm \sqrt{b^2-4ac} \over 2a}\) (as in your example).
The easiest way to "solve" this is to add the MathJax script to your page (not the editor), which will translate the TeX parts in your html to the readable equations:
<script type="text/javascript" async
src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_CHTML">
Here is a working example:
<script type="text/javascript" async
src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_CHTML">
</script>
<div>The next line should be displayed as equation (and not just string) if the MathJax was loaded correctly:</div>
<div style="margin: 20px;">
\(x = {-b \pm \sqrt{b^2-4ac} \over 2a}\)
</div>