Forum PHP.pl > [PHP] Formatowanie tekstu w textarea

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [PHP] Formatowanie tekstu w textarea

pjamorski

26.09.2008, 05:55:19

Witam,

mam takie oto pytanie:

Jak mógłby uzyskać w najprostszy sposób jak tylko się da następujący efekt:
opiszę słownie

Mam obszar tekstowy TEXTAREA, tak jak tutaj na forum i chciałbym zrobić przycisk, tak jak jest na tym forum i na innych, żeby ten tekst po zaznaczeniu, wbił automatycznie w znaczniki, niech będzie wytłuszczenia?

proszę o wyrozumiałość, szukałem ale takie bardzo trudne rzeczy znalazłem, że nie mogę do tego jeszcze podjechać na luzaku.

dzięki

redelek

26.09.2008, 07:55:10

Cytat(pjamorski @ 26.09.2008, 04:55:19 )

Witam,
mam takie oto pytanie:

Jak mógłby uzyskać w najprostszy sposób jak tylko się da następujący efekt:
opiszę słownie

Najprostrze co może być to skorzystać z gotowych projektów. Nie ma co się rozdrabniać i pisać swojego

TinyMCE http://tinymce.moxiecode.com/
OpenWebware http://www.openwebware.com/

Powinieneś sobie poradzić

Pozdrawiam
Redelek

ferrero2

26.09.2008, 11:46:46

Żeby autoamtycznie pojawiały się znaki to musisz poczytać o AJAX - inaczej nie uda się bez przeładowania strony.
Kwestia zrobienie czegoś takiego nie jest taka trudna.
Ogólnie.
Tworzy się formularz dodający wpis i na górze nad text area dodaje się buttony czy linki (wszystko jedno).
Następnie poprzez AJAX przypisuje się zdarzenie do przycisku button. (zwykły warunek if).

Można to zrobić na php ale jest to złe rozwiązanie ponieważ strona musiała by się przeładować i trzeba by było wykorzystywać zmienne sesyjne do zapamiętywania danych z formularza itd itp.

Poczytaj tu

http://gajdaw.pl/ajax/

nexis

26.09.2008, 13:11:06

Jeśli masz na myśli dodanie BBCODE to proponuję coś takiego:

[HTML] pobierz, plaintext 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
   <head>
      <title>Dodanie znaczników</title>
      <script type="text/javascript">
         function b () {
            var textarea   = document.getElementById('text');
            var select     = (textarea.value).substring(textarea.selectionStart, textarea.selectionEnd);
            textarea.value = textarea.value.replace(select, '' + select + '');
            return false;
         } 
      </script>
   </head>
   <body>
      <form action="">
         <textarea id="text" rows="10" cols="80">Litwo! Ojczyzno moja! Ty jesteś jak zdrowie. Ile cię trzeba cenić, ten odwiązywać, składać. Właśnie rzecz o czyjeś kolana pośliznęła się moda francuszczyzny!</textarea> 
         <input type="button" value="Pogrubiony" onclick="b()" />
      </form>
   </body>
</html>
[HTML] pobierz, plaintext

pjamorski

26.09.2008, 15:06:19

Nexis, wielkie dzięki o taki efekt własnie mi chodzi. Co do Ajax to trzeba mieć znajomość JAVA, no ja narazie wiem, jak język wygląda ale nie operuję jeszcze w nim samym jako takim

. Wszystko przyjdzie z czasem.

Dzięki za wszelką pomoc

bliitz

26.09.2008, 15:09:43

Cytat(pjamorski @ 26.09.2008, 16:06:19 )

Nexis, wielkie dzięki o taki efekt własnie mi chodzi. Co do Ajax to trzeba mieć znajomość JAVA, no ja narazie wiem, jak język wygląda ale nie operuję jeszcze w nim samym jako takim

. Wszystko przyjdzie z czasem.

Dzięki za wszelką pomoc

trzeba mieć znajomość JAVASCRIPT

robos85

26.09.2008, 15:31:11

a dlaczego na końcu funkcji "b" znajduje się return false; ?

drPayton

26.09.2008, 15:41:01

Jak na mój gust tylko i wyłącznie dlatego, że funkcja powinna cos zwracać ;P
A na poważnie to nie jest tu potrzebne (chyba, że w jakiś szczególnych przypadkach się przydaje? Ale raczej nic mi do głowy nie przychodzi

)

@down: Wtedy ok, ale przy tym buttonie do niczego nie służy. A ten guzik nigdy nie będzie wysyłał formularza bo ma inną funkcję...

nexis

30.09.2008, 22:36:35

Cytat(robos85 @ 26.09.2008, 16:31:11 )

a dlaczego na końcu funkcji "b" znajduje się return false; ?

Przy użyciu przycisku typu submit powstrzymuje go to przed wykonaniem domyślnej akcji, czyli wysłaniu formularza.

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.