Print Shortlink

Formatierungshilfe

Eigentlich sollte ich ja meinen Blog zum angeben Referenzen präsentieren verwenden, also zeige ich heute mal eine Text-Formatierungshilfe die ich für ein Forum entwickelt habe.

Funktioniert so, man markiert den Text, den man in irgend einer Weise bearbeiten möchte und es erscheint ein kleines Element über der Markierung mit einigen Auswahlmöglichkeiten.textformat

Das Spannende hier war die browserübergreifend korrekte Positionierung des Elements, da dies (natürlich) nicht bei jedem Browser einfach gleich funktioniert.

Aber damit nicht genug, in besagtem Forum können auch Foren-spezifische Themen (und andere Dinge) verlinkt werden, weshalb ich die Formatierungshilfe um eine Mini-Suche ergänzt habe, so das man mit zwei Klicks direkt beim Text schreiben die Verlinkung generieren konnte:

textformat3

Inspiriert wurde diese Funktion durch diverse sehr ähnliche Tools die nach und nach in diversen WYSIWYG-Editoren um sich greifen, jedoch handelt es sich hierbei um eine Eigenentwicklung.