WYSIWYG : Emoticons (Smilies) adden

[Antrax]

Guten Tag,

ich bin gerade dabei einen WYSIWYG Editor für ein CMS zu schreiben.
Funktioniert auch alles super, habe auch schon Bold, Kursiv, etc. zum laufen gebracht (Ist ja auch weiterhin nicht sehr schwer).

Allerdings bin ich nun beim adden von Smilies, bzw. deren Emoticons hängen geblieben.

Und zwar möchte ich, dass ich per Link ein Popup aufrufen kann, mit dem ich durch klicken direkt die Images der Smilies in den Editor einfügen kann.
Also nicht deren schriftliche Form, wie ( ;- ) ), sondern direkt deren Images.

Habe hier im Forum einige Beispiele gesehen, aber alle nur für das einfügen ihrer schriftlichen Form.

Würde mich freuen, wenn mir jemand weiterhelfen kann.


Mit freundlichen Grüßen,

David aka. "antrax"

 

[Vacant]

Vielleicht hilft es auf der Seite mal quer zu lesen.

mfg

 

[Antrax]

Naja, habe schon auf entlichen Seiten gesucht, aber nicht das gefunden, was ich suche.

Selbst im Tutorials.de Forum wird beim Einfügen von Smilies immer noch die Textvarainte benutzt ( siehe Beitrag erstellen, rechte Spalte und ein Smilie auswählen. ).

ES muss aber auch auf direktem Wege gehen,

 

[EM-Autotechnik]

Hi,
da stellt sich zunächst die Frage, wie Du ein Smiley in ein Textfeld einfügen willst..
Das sind ja nichts anderes als kleine Bildchen, wie zb. .gifs...

Bzw. was verwendest Du denn als Eingabefeld? Mit einer Tabelle geht das sicher..
Musst nur ein <Image> - Tag erzeugen der auf das entsprechende Smiley zugreift...

Gruß Sebastian

 

[Sven Mintel]

Das entsprechende Kommando heisst "insertImage"

 execCommand('InsertImage', false, 'pfad/zum/smiley.gif');

z.B. so könnte es laufen:

 <img src="smilie.gif"onclick="editor.execCommand('InsertImage', false, this.src);">

"editor" musst du natürlich dabei anpassen. Beim Klick auf dieses Bild wird selbiges in den Editor eingefügt.

Übrigens gibt es seit dem letzten Update die Möglichkeit, beim Erstellen der Beiträge einen WYSIWYG-Editor zu benutzen...dort kannst du ja mal kiebitzen
Kontrollzentrum>Einstellungen>Beitragseditor