MathJax and Code Pretiffy - Simple Solution [Free Plugin]

Question

This plugin configures MathJax and Google Code Pretiffy URLs and enables them by default on Question Pages. There is also a widget which you can add on Page bottom of any other page- like Question List- if you want MathJax to be used there.

https://github.com/arjunsuresh/mathjax

The above plugin is only one part as we also need editor support for it. You can just download and use the ckeditor which I have configured for both. Also, do copy the qa-question.js and replace the one in qa-include - this is the only core hack but can't be avoided as of now if you want to render mathjax immediately upon submit of a comment or answer or when the expand All comments button is clicked.

The "fx" button in ckeditor is for Latex and while typing equations are replaced with $-$ and on submit rendered by MathJax without any conversion to image.

https://github.com/arjunsuresh/ckeditor-Q2A

Comments

Could you please update this for v1.8.0, thanks!

---

Sorry. Haven't tried 1.8.0 full version yet. Will do after 1 week. Hopefully 1.8 will be released by then :)

---

Thanks arjunsuresh! v1.8.0 is already released but it is not posted here, you can download from github.

https://github.com/q2a/question2answer/releases
https://github.com/q2a/question2answer/releases/download/v1.8.0/question2answer-1.8.0.zip

---

Updated for Q2A 1.8.0

https://github.com/arjunsuresh/ckeditor-Q2A

---

@arjunsuresh, thanks. I will check this plugin. Do you need to update below one or it will still work with above plugin.
https://github.com/arjunsuresh/mathjax

---

No, that does not need an update

---

Ok, thank you!

---

Hi arjunsuresh,
I installed the awesome plugin but find its code highlight function doesn't work for me. After carefully delving into the problem, I fixed the bug using highlight.js. Here is my repo: https://github.com/tangruize/q2a-formatter

---

Nice. I guess you replaced pretiffy ?

Answer 1

this screenshot active?

Comments

added now :)

Answer 2

Hi arjunsuresh,

I installed this plugin on below site but do see below issues.

1. Replaced ckeditor folder from qa-plugin/wysiwyg-editor/ with https://github.com/arjunsuresh/ckeditor-Q2A

2. Moved tobecopied/qa-question.js to qa-content/ dir

3. Added plugin https://github.com/arjunsuresh/mathjax in qa-plugin dir

4. enabled both plugin. also enabled all options on mathjax plugin

Above steps are done on site https://demo.question2answer.info

I see below two buttons, source is not showing any window to add code and there is no icon for video option next to it.

Could you please help on this. thanks

Comments

Sorry, I had to roll back the upgrade as Uploads were throwing "Response Error" with the new ckeditor. The old ckeditor works with Q2A 1.8 ,I have changed the qa-global.js file as required in Q2A 1.8.

---

@arjunsuresh, thanks. I updated plugin. When I clicked on source button it highlights to editor, is it expected behavior? Youtube and other buttons are working.

pls check here....
https://demo.question2answer.info

---

Yes, that is how the Source button in ckeditor works rt? This editor now has Auto Save plugin of ckeditor - quite useful when users are typing in large content.

---

great! thanks again.

Answer 3

Follow all steps written by ProThoughts still getting trouble then Just change Folder name from "ckeditor-Q2A-master" to "ckeditor". It will work.