Forum PHP.pl > [JavaScript][PHP]bbcode

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript][PHP]bbcode - czyli jak to ugryźć

neo1986kk

29.11.2009, 20:51:48

Witam, przeczytałem kilka tematów na ten temat i tak naprawdę większość z nich to pytania w trakcie realizacji, a ja nie wiem od czego zacząć, chciałbym uzyskać takie okienko w jakim właśnie teraz piszę swojego posta, może nie aż tak bardzo rozbudowane.
Właściwie potrzebuję tylko znaczniki B I U i ewentualnie 5 kolorów tekstu.

Proszę o pomoc bo nie wiem jak się za to zabrać.

Ściągnąłem "markitup" i mniej więcej wiem jak to działa, wiem że js jest tam podstawą, a ja niestety bardzo raczkuję jeśli chodzi o js.

Chciałbym, żeby użykownik mógł wpisywać wiadomości w takim okienku jak to, oraz żeby później sformatowany text wyświetlał się na stronie.
Pozdrawiam serdecznie i dziękuję za pomoc.

tvister

29.11.2009, 21:09:11

tinymce - łatwiej się chyba nie da

neo1986kk

29.11.2009, 22:19:20

zainstalowałem to i sprawdzam sobie powoli, jedyne co mi przeszkadza to to, że jest on za bardzo rozbudowany. Czy da się ograniczyć go tylko do B I U?

skowron-line

29.11.2009, 22:22:25

[HTML] pobierz, plaintext 
<script type="text/javascript"> 
function addText(elname, wrap1, wrap2)  
{ 
    if (document.selection)  
    { // for IE 
        var str = document.selection.createRange().text; 
        document.forms['inputform'].elements[elname].focus(); 
        var sel = document.selection.createRange(); 
        sel.text = wrap1 + str + wrap2; 
        return; 
    }  
    else if ((typeof document.forms['inputform'].elements[elname].selectionStart) != 'undefined')  
    { // for Mozilla 
        var txtarea = document.forms['inputform'].elements[elname]; 
        var selLength = txtarea.textLength; 
        var selStart = txtarea.selectionStart; 
        var selEnd = txtarea.selectionEnd; 
        var oldScrollTop = txtarea.scrollTop; 
        //if (selEnd == 1 || selEnd == 2) 
        //selEnd = selLength; 
        var s1 = (txtarea.value).substring(0,selStart); 
        var s2 = (txtarea.value).substring(selStart, selEnd) 
        var s3 = (txtarea.value).substring(selEnd, selLength); 
        txtarea.value = s1 + wrap1 + s2 + wrap2 + s3; 
        txtarea.selectionStart = s1.length; 
        txtarea.selectionEnd = s1.length + s2.length + wrap1.length + wrap2.length; 
        txtarea.scrollTop = oldScrollTop; 
        txtarea.focus(); 
        return; 
    }  
    else  
    { 
        insertText(elname, wrap1 + wrap2); 
    } 
} 
</script> 
<body> 
<form action="" method="post" id="inputform"> 
<input type='button' value='B' onClick="addText('body', '<b>', '</b>');"> 
<input type='button' value='P' onClick="addText('body', '<p>', '</p>');"> 
<input type='button' value='H1' onClick="addText('body', '<h1>', '</h1>');"> 
<input type='button' value='H2' onClick="addText('body', '<h2>', '</h2>');"> 
<input type='button' value='H3' onClick="addText('body', '<h3>', '</h3>');"> 
<input type='button' value='H4' onClick="addText('body', '<h4>', '</h4>');"> 
<textarea name='body' cols='95' rows='10' class='textbox'></textarea> 
</form> 
</body>

[HTML] pobierz, plaintext

nie pamiętam kto mi podał kod funkcji. Bardzo prosta funkcja w JS.