Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML] problem z <textarea> i <img>
Forum PHP.pl > Forum > Przedszkole
krzychu0808
Witam... mam problem bo zrobiłem formularz w którym można umieszczać treść + <img> ale gdy dodam zdjęcia to mi się sypie wpisuje w formularz
  1. <img src="http://www.tutoriale.elaz.eu/tutki/zmiana_koloru_oczu/1.jpg">
  2.  
  3. Otwieramy zdjęcie które chcemy przerobić.
  4.  
  5. <img src="http://www.tutoriale.elaz.eu/tutki/zmiana_koloru_oczu/2.jpg">
  6.  
  7. Następnie z paska narzędzi wybieramy pióro <img src="http://www.tutoriale.elaz.eu/tutki/zmiana_koloru_oczu/3.jpg"> za pomocą którego zaznaczamy odpowiednią część oka.
  8.  
  9.  
  10. <img src="http://www.tutoriale.elaz.eu/tutki/zmiana_koloru_oczu/4.jpg"><img src="http://www.tutoriale.elaz.eu/tutki/zmiana_koloru_oczu/5.jpg">
  11.  
  12. Gdy już ją zaznaczymy klikamy prawy przycisk myszy po czym wyświetla nam się pasek z opcjami utworzonej ścieżki z którego wybieramy opcję "Utwórz Zaznaczenie"
  13. <img src="http://www.tutoriale.elaz.eu/tutki/zmiana_koloru_oczu/6.jpg">
  14.  
  15. Po wybraniu tej opcji przechodzimy do kolejnego okna w którym musimy określić stopień wtopienia zaznaczenia. Wpisałem 10 pikseli, lecz to jest tylko przykładowa wartość, po wpisaniu wartość klikamy "OK".
  16. <img src="http://www.tutoriale.elaz.eu/tutki/zmiana_koloru_oczu/7.jpg">
  17. ....................................................

a otrzymuję taką piękną rozsypankę:
Link <<<<<<<<<<<<<<

więc jak zrobić żeby jak użytkownik wpisze:
xxx xxx xxx xxx xxxx
<img src="xxxx">
xxxx xxx xxxx xxx xxx
xxx xxxx xxx xxx xxxx
żeby tekst co jest pod img nie wyświetlał się koło zdjęcia tylko pod zdjęciem ... proszę o pomoc...
nospor
przeciez Twoj problem nie ma zadnego związku z textarea. Po co to dajesz w tytule i zamieszanie robisz?

Twoj problem dotyczy wlasciwego otaczania obrazka przez tekst. W pierwszym lepszym kurscie html tego uczą.
krzychu0808
chodzi o zastsowoanie align="left" tak questionmark.gifquestionmark.gif?
zrobiłem tak:
  1. Wybieramy Zdjęcie
  2.  
  3. Otwieramy zdjęcie które chcemy przerobić.
  4.  
  5. <img src="http://www.tutoriale.elaz.eu/tutki/zmiana_koloru_oczu/2.jpg" align="left">
  6.  
  7. Następnie z paska narzędzi wybieramy pióro <img src="http://www.tutoriale.elaz.eu/tutki/zmiana_koloru_oczu/3.jpg"> za pomocą którego zaznaczamy odpowiednią część oka.
  8.  
  9.  
  10. <img src="http://www.tutoriale.elaz.eu/tutki/zmiana_koloru_oczu/4.jpg" align="left"><img src="http://www.tutoriale.elaz.eu/tutki/zmiana_koloru_oczu/5.jpg" align="left">


ale nadal to samo... i też zauważyłem że jak daje enter w <textarea> to on nie zaczyna od nowej lini tekstu tylko daje spacje.... jak zrobić aby dawał od nowej lini questionmark.gifquestionmark.gif
nospor
co do entera to nl2br()
co do tych obrazkow to przeczytaj pierwszy lepszy kurs do html od deski do deski a dowiesz sie jak robic tekst gdzie chcesz
krzychu0808
czytam te kursy html i w działach o img jest formatowaniu tekstu tylko align ale to nie to ;P
nospor
  1. <img src="http://www.tutoriale.elaz.eu/tutki/zmiana_koloru_oczu/2.jpg"><br /><br />
  2. Następnie z paska narzędzi wybieramy pióro

I o br tez nic nie pisali? o divach, o p i innych tego podobnych tez nic nie pisali?

ps: tak wiem, br to nie ladne rozwiązanie. podalem tylko przyklad.
krzychu0808
może inaczej jak zrobić jak ktoś wpisze <img src=xxx> to żeby w bazie się zapisało jak <div class="222"><img src=xxx></div>

no tak to ja sobie bym ustawił ale mi chodzi że użytkownik sam nie będzie kombinował... i teraz jak zrobić żeby jak on wpisz <img src=xxx> żeby ładnie wyświetlało....
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.