Markup-Buttons für Kommentare

onli blogging

Markup-Buttons für Kommentare

Monday, 2. February 2009

Dieses Plugin zeigt über dem Kommentareingabefeld zwei Buttons an. Markierter Text wird mit deren Hilfe durch die Formatierungselemente der Serendipity-Markupsprache umrandet. So kann der Kommentar einfach formatiert werden.

jQuery wird benötigt. Daher ist das jQuery-Plugin als Abhängigkeit eingetragen. Ebenso das Serendipity-Markup-Plugin, aber ohne dem macht dieses Plugin auch wirklich wenig Sinn.

So sieht das aus:

Download: serendipity_event_markupcomment-0.1.tar.gz


PS: Genutzt wird jQuery mit listen und fieldSelection. Die Icons sind von famfamfam

Kommentare (4) | Trackbacks (4) | in Technikzeugs
Tags für diesen Artikel:
Artikel mit ähnlichen Themen:

Trackbacks

onli blogging am : Serendipitys Kommentarbereich abrunden III: Hinweise besser einbinden

Vorschau anzeigen
Neben der Kommentaransicht und dem Markieren von Pflichtfeldern sind noch die Hinweise unter dem Kommentarfeld aufmerksamkeitswürdig. Sie einfach als Text stehen zu lassen ist kaum die beste Lösung. Zumindest für die Standardeinblendungen werden hier Alte

onli blogging am : "Live-Vorschau" wird zu "Erweiterter Kommentarbereich": livecomment 2.3

Vorschau anzeigen
Das hier bereits vorgestellte Markup-Plugin wurde mit dem existierenden livecomment-plugin verschmolzen. Es bietet jetzt also nicht nur eine Vorschau, sondern auch eine einfache Formatierung der Kommentare an. Dabei wurden auch die bisherigen Funktione

onli blogging am : livecomment 2.4: Kleine Verbesserungen und elastischer Kommentarbereich

Vorschau anzeigen
Die neue Version beinhaltet nicht zu viele, aber teils wichtige Änderungen Funktion: Mittels des Elastic-Plugins kann das Kommentareingabefeld vergrößerbar gemacht werden. Wird der Kommentar länger wird das Feld größer - in der Beschreibung steht, das

onli blogging am : 15 Jahre Serendipity als Entwickler - ein Rückblick und ein Ausblick

Vorschau anzeigen
Es ist jetzt ziemlich genau 15 Jahre her, dass ich das erste mal als Entwickler an der Blogsoftware Serendipity gewerkelt habe. Zumindest sagt so mein Archiv. Und mir ist in dieser Winterzeit melancholisch, sodass ich zurückblicken will, gleichzeitig such

Kommentare

Konrad Bauckmeier am :

<em>

Hallo, ich finde die neuen Buttons schön. Ein Ergänzungsvorschlag*: Wäre es nicht sinnvoll, dass der Fokus nach dem Betätigen des Buttons direkt wieder auf das _Eingabefeld_ gesetzt wird (und zwar ans Ende des vorher markierten Worts?) Es ist sonst von der usebility etwas verwirrend, da nach Betätigen des Buttons erst einmal nichts passiert. Die Vorschau wird auch erst aktualisert, wenn das Eingabefeld wieder den Focus erhält.

Gruß Konrad

PS: ich verwende Opera und sorry für die etwas sinnbefreiten Markierungen, ich wollte natürlich gleich meinen Spieltrieb ausleben. :-)

Konrad Bauckmeier am :

<em>

Nanu, was ist mit FETT* passiert? Die nächtste Frage ist, ob man nun noch die normale Vorschau benötigt, wenn es doch jetzt eine Live-Vorschau gibt.

Konrad Bauckmeier am :

*

(OK, es lag also am Doppelpunkt direkt hinter dem Sternchen.)

Noch ein Feedback. Die Symbole zur Umschaltung der Kommentaransicht finde ich nicht besonders selbsterklärend. Ich dachte erst, das wäre grafischer Schmuck. Bei näherer Betrachtung glaube ich nun den Sinn verstanden zu haben, es soll wie ein Umschaltknopf funktionieren? Also ich finde die Textversion stimmiger.

onli am :

*

Hi.
Danke fürs Feedback :)

Das mit dem Fokus wäre sinnvoll, ich weiß grad nicht, wie leicht machbar das ist. Die alte Vorschaufunktion ist nun tatsächlich etwas redundant, allerdings nicht, wenn kein javascript aktiviert ist (und intern funktioniert sie anders, fehlerfreier bei der Formatierung).

Zu den Buttons muss ich mir dann nochmal Gedanken machen. Ja, sie sollen einfach den Text ersetzen, also genau wie ein Umschalter funktionieren.


Kommentar schreiben

HTML-Tags werden in ihre Entities umgewandelt.
Die angegebene E-Mail-Adresse wird nicht dargestellt, sondern nur für eventuelle Benachrichtigungen verwendet.
Umschließende Sterne machen ein Wort kursiv (*wort*), per **wort** wird es fett. [http://www.example.com Link] fungiert als URL-Tag.
 
 
Datenschutzerklärung