logo elektroda
logo elektroda
X
logo elektroda
REKLAMA
REKLAMA
Adblock/uBlockOrigin/AdGuard mogą powodować znikanie niektórych postów z powodu nowej reguły.

JavaScript - jak stworzyć edytor tekstu z pogrubieniem i kursywą?

lazier 14 Wrz 2005 22:30 852 5
REKLAMA
  • #1 1818855
    lazier
    Poziom 12  
    Posty: 96
    Pomógł: 1
    Witam,
    Mam pewien problem, nie wiem dokladnie jak zrobic przy pomocy JS cos takiego jak jest tutaj na forum, np. przy tworzeniu nowego tematu. Chodzi mi dokladnie o to, ze dzieki przyciskom - [B, i, u], moge sobie pogrubic, pochylic i podkreslic text.

    ma ktos moze jakis pomysl?
  • REKLAMA
  • #2 1819267
    Caladan
    Poziom 19  
    Posty: 242
    Pomógł: 33
    Ocena: 3
    Wydaje mi sie, ze to jest deko bardziej skomplikowane niz JS.
    Tutaj jest to oparte na PHP, i tak na prawde, to posty sa zapisane w bazie ze specjalnymi tagami do okrelenia koloru, rozmiaru, kroju tekstu.
    Te przyciski nie robia nic wiecej, jakw stawiaja odpowidnie tagi.

    test Powinno pogrubic, tagi wpisane recznie.

    Podczas wyswietlania kod PHP parsuje zawartosc posta i przerabia to na html miedzy innymi wlasnie dodajac rzeczy jak bold, italic, cytowanie, linki i emotki :-)

    Proponuje przerzucic sie na cos bardziej zaawansowanego jak JS :-)
  • REKLAMA
  • #3 1819299
    lazier
    Poziom 12  
    Posty: 96
    Pomógł: 1
    Tak wiem o tym parsowaniu etc. juz swoje forum pisalem, z wyswietlanie emotikon etc., mi chodzi tylko o to by po nacisnieciu na guzika pokazal sie [ b] a po drugim nacisnieciu [ /b].
  • REKLAMA
  • Pomocny post
    #4 1819394
    one_eddie
    Poziom 25  
    Posty: 973
    Pomógł: 62
    Ocena: 14
    To powinno byc mala podstawa do zrozumienia co tak naprawde nalezy zrobic :)

    <html>
    <head>
    <meta http-equiv="Content-type" content="text/html; charset=iso-8859-2">
    </head>
    <script language='JavaScript' type='text/javascript'>
    <!--
    tagAdded = false;
    function addTag()
    {
     	document.forms[0].t1.value = document.forms[0].t1.value + ((!tagAdded)?"[b]":"[/b]"); 
     	tagAdded = !tagAdded;
    }
    //-->
    </script>
    <body bgcolor="white" text="black" link="blue" vlink="purple" alink="red">
    <form>
    <p><input type="button" name="btn1" onClick="addTag()"><input type="text" id="t1" maxlength="10" size="24" value="assd"></p>
    </form>
    <p>&nbsp;</p>
    </body>
    
    </html>
  • REKLAMA
  • #6 1819994
    lazier
    Poziom 12  
    Posty: 96
    Pomógł: 1
    ok wielkie thx dla Was :)
REKLAMA