Echte Livevorschau der Kommentare

Es gibt eine Sache, die ich an Serendipity komisch finde: Das Live-Commentpreview-Plugin. Funktioniert das bei irgendwem? Eine Live-Vorschau stellt das Plugin zumindest nicht bereit. Ich konnte auch sonst keinen Effekt feststellen, außer dass die Zielanzeige grün wird und der Kommentar nicht da angezeigt wird, wo er hin soll - teilweise konnte ich das Ziel auch nicht mehr richtig auswählen. Es scheint leicht verbuggt.
Der Quellcode bestätigt das: Einige lose Enden und explizite IE-Bezüge wirken nicht ausgereift - fertigstellen kann ich das mit meinen begrenzten Fähigkeiten nicht.

Deswegen stelle ich hier ein neues Plugin vor, das einem anderen Ansatz folgt: Der Idee von Karl Swedberg, vorgestellt auf learningjquery.com. Dabei wird naheliegenderweise jQuery genutzt, um das Kommentareingabefeld abzugreifen und den Text an einer anderen Stelle formatiert darzustellen - eine Live-Vorschau eben. Ich habe das etwas ergänzt und auf Serendipity gemünzt. Details im Folgenden, Download unten, für eine Testvorführung einfach hier kommentieren ;)

Bisherige Funktionsweise

Der Kommentar wird live aktualisiert. Dafür wird unter den existierenden Kommentaren ein div-Container erstellt, sobald das Kommentarfeld fokussiert wird. Dort hinein kommt dann der Text. Wurde auf "Vorschau" gedrückt, wird der Container von Serendipity positioniert, vom Plugin danach weiter dort hinein geschrieben.

Bestehende Mankos

Bei der ersten Containerinitialisierung werden noch nicht die Daten richtig gesetzt - also Datum, die Positionsangabe, überhaupt die Position stimmt nicht. Auch stimmt die Formatierung nicht automatisch mit Serendipity überein: Es wird schlicht nach html formatiert, nicht nach den für Kommentare aktivierten Markups. Erst ein Druck auf "Vorschau"stellt den richtigen Zustand her, weiteres Tippen zerstört dann nur noch die Formatierung. Nach dem Speichern stimmt dann natürlich wieder alles.

Im Internen halte ich es für unschön, die jquery.js direkt mitzuliefern - wollte ein anderes Plugin diese ebenfalls nutzen, müsste es sie ebenfalls selbst bereitstellen. Hier wäre ein Abhängigkeitssystem wie bei dpkg schöner. Geht sowas?

Lösungsansätze

Idee 1: serendipity_event_reallivecomment.php könnte im frontend_header-event abfragen, welche Kommentar-Markups aktiviert sind. Diese müssten dann zwischengespeichert werden (globale javascript-Variablen? Oder in eine Datei speichern und die dann per java-applet auslesen?), sodass serendipity_event_reallivecomment.js entsprechend reagieren kann - also die Formatierung selbst vornehmen.
Vielleicht könnte serendipity_event_reallivecomment.js diese Liste direkt selbst abfragen?

Idee 2: Bei jedem mal Tippen einen Event auslösen oder es sonstwie an Serendipitys Formatierungsskripts übergen. Wäre das (ohne Nachladen) möglich, wäre das sicher schon gemacht worden - es wäre aber eine schöne Lösung.

Vielleicht hat ja jemand, der das hier liest, eine bessere Idee oder kann diese sinnvoll verbinden.

Download

serendipity_event_reallivecomment-0.1.tar.gz, als frühe Version mit Vorsicht zu genießen. jQuery ist in der aktuellen Version 1.2.6 enthalten und wird automatisch eingebunden. Das Plugin sollte von daher direkt nach dem Aktivieren funktionieren.

Update: Version 0.2 fügt Formatierungsunterstützung hinzu. Eine Liste unterstützter Markups gibt es hier.