[Hogyan?] Markdown + Showdown + Mathjax = preview

Sziasztok!

A feladat a következő:

  1. böngészőben egy beviteli mezőben a felhasználó markdown szöveget gépel
  2. ennek egy HTML előnézete az alatta lévő DIV-ben jelenik meg
  3. a felhasználó a szokásos szövegelemek mellett (címsorok, kiemelések, felsorolások, stb) még matematikai formulákat is beírhat, tex formában

Preview-nak a Showdown.js-t találtam meg, nagyszerűen működik a szokásos szövegelemekre. A formulák, ha azokat nem md-be, hanem sima HTML-be írom, a Mathjax-szal tökéletesen megjelennek.

A gondom az, hogy akárhogy barátkozom a Google-vel, egyszerűen nem tudom összehozni a markdown szövegbe elhelyezett formulák renderelését, csak a képlet forrása jön vissza.

Sima böngészőben, kliens oldalon szeretném ezt a mutatványt elkövetni.

Valakinek lenne ötlete, hogyan lehetne összehozni a fenti dolgokat?

Köszönettel, Cz

Hozzászólások

Lehet, hogy én nézek be valamit, de továbbra sem jó.
Csak a $ működik, mint inline math határoló, a \( és \) páros nem. 

 

Példa input:

# A másodfokú \(ax^2 + bx + c = 0\) egyenlet megoldása

A $ax^2 + bx + c = 0$ alakú egyenleteket, ahol $a \ne 0$, másodfokú egyenleteknek hívjuk.

 

Akkor működik csak, ha \\( és \\) a határoló. Gondolom azért, mert dupla escape-lés kell, az első a markdown filternek, a második a mathjaxnak.