Avatar billede Slettet bruger
20. august 2008 - 13:54 Der er 8 kommentarer og
1 løsning

Indsæt smiley i WYSIWYG-editor

Hej

Nogle forum'er har en liste med smileys. Når man klikker på en smiley bliver den indsat hvor markøren er i textarea'et.

Hvordan er dette lavet?

Jeg har googlet en del, men er ikke blevet ret meget klogere, andet end at der anvendes javascript.
Avatar billede w13 Novice
20. august 2008 - 14:12 #1
Ja, der skal du netop have en WYSIWYG-editor. Det kan ikke kun gøres med et textarea, da der jo ikke kan indsættes billeder o.lign. i et sådan.

WYSIWYG-editorer fungerer på den måde, at de opretter et IFrame i stedet for textareaet, som man kan redigere i.
Avatar billede Slettet bruger
20. august 2008 - 14:13 #2
Jeps, som jeg skrev har jeg allerede en WYSIWYG-editor. Det er javascriptet jeg mangler.
Avatar billede w13 Novice
20. august 2008 - 14:23 #3
Ja, JavaScriptet kommer 100% an på, hvilken editor du har.
Avatar billede Slettet bruger
20. august 2008 - 14:31 #4
Okay, jeg bruger Tinymce.
Har prøvet deres egen smiley-funktion, men synes ikke den er særlig dynamisk eller smart i det hele taget.
Avatar billede w13 Novice
20. august 2008 - 14:32 #5
Ok, hvad mangler den da? Jeg har selv brugt TinyMCE før jeg lavede min egen, og jeg var godt tilfreds med smileyfunktionen.
Avatar billede Slettet bruger
20. august 2008 - 14:38 #6
Jeg har konfigureret Tinymce således at den bruge <br> i stedet for <p> ved alm. linieskift.

Hvis man skriver en tekst og herefter indsætter en smiley, begynder editoren at bruge <p> igen ved linieskift.
Avatar billede Slettet bruger
20. august 2008 - 19:45 #7
Ingen med gode idéer?
Avatar billede Slettet bruger
21. august 2008 - 17:55 #8
Hmmm... troede det var ret ligetil for en der kender lidt til javascript.
Avatar billede Slettet bruger
21. august 2008 - 20:08 #9
Fik det løst med css.

Lukker...
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester