Wszczepienie bbcode do mojego kodu, do mojego kodu Opcje

[korey]

Witam sporo szukałem w sieci jak i na tym forum funkcji BBCode kilka znalazłem ale za każdym razem nie działało.
Chcę dodać BBCode do:
- formularza który dodaje newsy do bazy danych.
- funkcji która odczytuje newsy z bazy danych.

napisałem takiego newsa z użyciem HTML:

[HTML] pobierz, plaintext 
<!-- tresc wpisana w formularzu -->
<b>Pogrubiony tekst</b><br />
<u>Podkreślony tekst</u><br />
<i>Pochylony tekst</i><br />
normalny tekst<br />
<a href="http://www.google.pl">moj link</a><br />
<img src="http://www.strona.pl/obrazek.gif" border="1"><br />
<font color="#FF0000">Jak dobrze pamiętam to jest czerwony kolor</font>
[HTML] pobierz, plaintext 

Tak wygląda News po dodaniu do DB i odczytaniu do wyświetlenia
(IMG:http://img413.imageshack.us/img413/666/pokaznews.jpg)

Wygląd Pól Formularza dodającego newsa:

[HTML] pobierz, plaintext 
	<tr>
	<td></td>
	<td>
	<input type="button" value="B" name="bold" title="Pogrubiony tekst: tekst " style="font-weight: bold;" />
	<input type="button" value="I" name="italic" title="Tekst pochyły: tekst " style="font-style: italic;" />
	<input type="button" value="U" name="underline" title="Podkreślony tekst: tekst " style="text-decoration: underline;" />
	<input type="button" value="IMG" name="obrazek" title="Wstawianie Obrazka:  " />
	<input type="button" value="URL" name="obrazek" title="Wstawianie Linku: url obrazka " />
	<select>
	<option name="kolor" value="red" />czerwony
	<option name="kolor" value="green" />zielony
	</select>
	</td>
	</tr>
 
	<tr>
	<td>Krótka Tresc:</td>
	<td><textarea id="tresc" name="tresc" id="content" cols="60" rows="7"><?php echo $tresc; ?></textarea></td>
	</tr>
[HTML] pobierz, plaintext 

Co do formularza chciałbym by po kliknięciu na button np "B" od razu w polu <textarea> name="tresc" od razu pojawiło się .
Jeśli już to by było wysyłamy newsa ubranego w BBCode do DB. teraz pozostaje tylko odpowiednio odczytać go z bazy i to właśnie pojawia się problem bo nie mam zielonego pojęcia jak sie do tego zabrać (IMG:style_emoticons/default/sad.gif) nie oczekuje gotowca, tylko jakiegoś przykładu. No ale jeśli znalazłby się ktoś kto ma to w małym palcu i byłby w stanie mi to jakoś napisać w formie wolontariatu to tez bym się ucieszył. oczywiście mogę sie odwdzięczyć jakimś linkiem (IMG:style_emoticons/default/smile.gif) pozdrawiam i bardzo proszę o obfitą pomoć gdyż to idzie na szczytne cele (IMG:style_emoticons/default/smile.gif)

[tehaha]

żeby to elegancko zrobić potrzebujesz tutaj sporo javascript ale najprostszy możliwy przykład to taki:


//tutaj miał być kod ale jak dodawałem posta to mi ciągle podmieniało i z przykładowego kodu, zamiast tego daje link http://www.loco.ayz.pl/bbcode/a.html


potem przed zapisem do bazy danych powinieneś użyć funkcji strip_tags() żeby usunąć html jeśli user wpisał, i potem podmienić BBcode na znaki html.

ale to tylko maksymalnie uproszczony przykład bo dobrze by było żeby user mógł zaznaczyć myszką tekst a potem objąć go BBcode, po za tym trzeba też pomyśleć co zrobić jak user przypadkowo skasuje jeden nawias [ przy BBcode

[korey]

przykład jest ok, dokladnie o to mi chodziło ale kodu nie ma.. co do js gdybym byl w nim biegły nie pisałbym tego tematu

[tehaha]

kod jest tylko taki

[HTML] pobierz, plaintext 
<form name="myform">
<input name="bold" type="button" value="Bold" title="Pogrubiony tekst: tekst " onclick="java script:document.myform.tresc.value+='[Bold]tekst[/Bold]'"/>
<input type="button" value="Pochyły" name="italic" title="Tekst pochyły: tekst " onclick="java script:document.myform.tresc.value+='[Italic]tekst[/Italic]'"/>
	<input type="button" value="Podkreślenie" name="underline" title="Podkreślony tekst: [underline]tekst[/underline] " onclick="java script:document.myform.tresc.value+='[Underline]tekst[/Underline]'"/>
 
<textarea id="tresc" name="tresc" id="content" cols="60" rows="7"></textarea>
</form>
[HTML] pobierz, plaintext 

no to masz 3 wyjścia albo zadowolisz się takim przykładem, albo nauczysz się javascript , albo weźmiesz sobie jakiś gotowy edytor wysiwyg i problem z głowy,
bo taki konkretny BBcode z dużym usablity to naprawdę dużo javascripta więc wątpię żeby ktoś Ci napisał gotowca

[korey]

No a wiesz jak zrobić by zaznaczony tekst mi oprawialo własnie w np

[PHP] pobierz, plaintext 
[b] [/b]
[PHP] pobierz, plaintext 

Ten post edytował korey 8.04.2010, 10:56:52

[tehaha]

ogólnie słaby jestem z javascript ale z pomocą wujka Google udało się, aczkolwiek nie działa pod IE:

[HTML] pobierz, plaintext 
<script  type="text/javascript">
  function formatText(el,tagstart,tagend) {
  	if (el.setSelectionRange) {
 		el.value = el.value.substring(0,el.selectionStart) + tagstart + el.value.substring(el.selectionStart,el.selectionEnd) + tagend + el.value.substring(el.selectionEnd,el.value.length)
  	}
  	else {
  		var selectedText = document.selection.createRange().text;
 
        if (selectedText != "") {
            var newText = tagstart + selectedText + tagend;
            document.selection.createRange().text = newText;
        } 
  	}
  }
</script>
<form name="myform">
<input type="button" value="BOLD" onclick="formatText(document.getElementById('content'),'[bold]','[/bold]')"/>
<input type="button" value="ITALIC" onclick="formatText(document.getElementById('content'),'[italic]','[/italic]')"/>
<input type="button" value="UNDERLINE" onclick="formatText(document.getElementById('content'),'[underline]','[/underline]')"/>
<textarea  id="content" cols="60" rows="7"></textarea>
</form>
[HTML] pobierz, plaintext 

[blooregard]

Tu masz małą wskazówkę, ale musisz sobie sam przerobić:

[HTML] pobierz, plaintext 
if (document.selection) // to działa w IE
{
    var range = document.body.createTextRange();
    range.moveToElementText(elm);
    range.select();
}
else if (window.getSelection) // ...a to w FF i Operze
{
    var range = document.createRange();
    range.selectNodeContents(elm);
    var selection = window.getSelection();
    selection.removeAllRanges();
    selection.addRange(range);
}
[HTML] pobierz, plaintext 

[korey]

po kompinowalem na rozne sposoby i brazk pożądanego efektu (IMG:style_emoticons/default/sad.gif) ostatecznie mam takie coś.

[HTML] pobierz, plaintext 
<script  type="text/javascript">
if (document.selection) // to działa w IE
{
    var range = document.body.createTextRange();
    range.moveToElementText(tresc);
    range.select();
}
else if (window.getSelection) // ...a to w FF i Operze
{
    var range = document.createRange();
    range.selectNodeContents(tresc);
    var selection = window.getSelection();
    selection.removeAllRanges();
    selection.addRange(range);
}
</script>
 
<form name="myform" action="<?php $_SERVER['PHP_SELF']; ?>" method="POST">
 
<input name="B" type="button" value="B" title="Pogrubiony tekst: tekst " style="font-weight: bold;" onclick="java script:document.myform.tresc.value+=''"/>
 
<input type="button" value="I" name="I" title="Tekst pochyły: tekst " style="font-style: italic;" onclick="java script:document.myform.tresc.value+=''"/>
 
<input type="button" value="U" name="U" title="Podkreślony tekst: tekst " style="text-decoration: underline;" onclick="java script:document.myform.tresc.value+=''"/>
 
<input type="button" value="IMG" name="obrazek" title="Wstawianie Obrazka:  " />
 
<input type="button" value="URL" name="obrazek" title="Wstawianie Linku: url obrazka " />
 
	<textarea id="tresc" name="tresc" id="content" cols="60" rows="7"><?php echo $tresc; ?></textarea>
 
</form>
[HTML] pobierz, plaintext 

ten kod dziala tylko tak ze klikamy na button i w textarea wyskakuje np:

Kod

wcześniej wpisany tekst, zaznaczony i po kliknieciu na inpunt [b] [/b]

Ten post edytował korey 9.04.2010, 07:46:04

[tehaha]

po kompinowalem na rozne sposoby

jakim kombinowaniu jak po prostu wkleiłeś kod, który dał Ci blooregard? musisz go przerobić, żeby robił to co chcesz

[blooregard]

ten kod dziala tylko tak ze klikamy na button i w textarea wyskakuje np:

Musisz go przerobić tak, by zaznaczony tekst w <textarea> znalazł się pomiędzy znacznikami. Czyli kombinacja tego, co Ci podałem+Twojego kodu.

[korey]

tehaha miało być kombinowałem (IMG:style_emoticons/default/smile.gif)

Troszke przysiedziałem i zrobiłem takie coś:

Kod

onclick="java script:document.myform.tresc.value='[b]'+document.myform.tresc.value+'[/b]'"

teraz działa jak trzeba. doszliśmy to połowy wątku. teraz jak mam juz zapisanego w bazie danych newsa oprawionego w bbcode chciałbym zrobić funkcje która by bbcode przerabiała na html. da sie coś takiego zrobić.? (IMG:style_emoticons/default/biggrin.gif)

Ten post edytował korey 9.04.2010, 13:22:53

[thek]

Korey... Nawet na forum tutaj jest CAŁY topic o skrypcie naszego kolegi, który zrobił sobie parser phpBB i udostępnił dla ogółu, a Ty jeszcze o to pytasz? No wstyd :/

[korey]

widzialem chyb ten temat ale nie potrafie go przystosować do swojego kodu (IMG:style_emoticons/default/sadsmiley02.gif) php ciagle mi jakieś błędy wywalało

[Wicepsik]

str_replace ci wystarczy

[korey]

Dobra zrobiłem juz funkcje która odbiera z DB tekst oprawiony w BBCode i odpowiednio przerabia. i to działa poprawnie.

Wracając do mojego formularza to niby oznacza mi tekst w znaczniki BBCode, ale od razu czały tekst jaki jest w textarea a nie to co zaznaczyłem myszką ;/



Hey jest tu ktoś..?