kostenloser Webspace werbefrei: lima-city

textbox buttons

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   nicolas-k

   nicolas-k hat kostenlosen Webspace.

   10:30, 25.8.2012

   guten tag liebe leute
   
   mein aktuelles projekt/problem ist folgendes:
   
   ich möchte eine art textbox erstellen mit buttons, wie sie bei dieser textbox zu finden sind (link) (bold) (italic) etc.
   
   nun wie mache ich, dass bei einem klick auf einer solcher buttons in meiner textarea z.b. [code][/code] erscheint?
   
   mfg nicolas-k

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. alexxus

   alexxus hat kostenlosen Webspace.

   18:59, 30.8.2012

   am einfachsten kannst du es mit jQuery machen.
   
   gebe dafür deiner textarea eine id wie zB "text", also
   
   

   <textarea id="text"></textarea>

   
   
   dann kannst du sie mit jQuery ansprechen:
   
   

   $("text").html("\[code\]\[/code\]");

   
   
   (die eckigen klammern habe ich mal vorsichtshalber escaped)

4. g****e

   19:34, 30.8.2012

   Tutorial: http://www.der-webdesigner.net/tutorials/javascript/grundlagen/261-textfeld-mit-bbcodes-ausstatten.html
   das .html ersetzt jeglichen Content innerhalb der Textbox, ist also nicht ganz das gewünschte.
   
   Liebe Grüße

5. b**********m

   13:22, 10.9.2012

   Wenn du den CkEditor von http://ckeditor.com/ nutzt, musst du fast garnichts mehr machen. Du kannst ihn einfach einstellen und durch 1 Zeile JS code in jede textarea einbinden die du möchtest.
   
   du kannst auch verschiedene versionen für verschiedene textarea-IDs nutzen

   <textarea name="textarea" id="textarea_1"></textarea>

   .
   
   Demo http://ckeditor.com/demo
   
   lg
   
   Beitrag zuletzt geändert: 10.9.2012 13:23:28 von buergerforum

6. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?