Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: zaznaczenie fragmentu tekstu
Forum PHP.pl > Forum > Po stronie przeglądarki
php programmer
14.07.2005, 11:01:52
jak mozna zaznaczyc fragment teksu w textarea kub w jakims inpucie
revyag
14.07.2005, 11:09:29
A po co chcesz automatycznie zaznaczać tekst ?
php programmer
14.07.2005, 11:32:32
Żeby ułatwić użykownikom edytującym dane zauważenie pewnych słów.
Moze tez byc inny kolor.
revyag
15.07.2005, 08:39:25
Zaznaczenie kilku słów jest niemożliwe, zauważ że w textarea możesz zaznaczyć tylko ciąg znaków, nie możesz zaznaczyć kilku fragmentów.
Koloru też nie zmienisz, musiałbyś wyświetlać to jako html, a w textarea tego nie zrobisz.
MStaniszczak
16.07.2005, 11:48:05
Witam

Co się nie da jak się da;-) Ale trochę zabawy z tym będzie, no i będzie działało jedynie pod MSIE i Gecko-podobnymi:

Kod
ramkaif.contentDocument.designMode = 'On'; //na iframie pod gecko
ramkaif.contentDocument.body.contentEditable = true; //pod MSIE


HINT:
http://www.mozilla.org/editor/midas-spec.html
http://msdn.microsoft.com/archive/default....ons/default.asp

Nie jest to łatwe, ale wykonalne, a przy okazji można się sporo dowiedzieć;-)

Pozdrawiam
Marcin Staniszczak
revyag
18.07.2005, 08:11:56
Wiem że w ten sposób można, ale kolega pytał o textarea i input text, a te elementy w normalnej postaci nie umożliwiają tego snitch.gif
MStaniszczak
18.07.2005, 09:54:15
Lub textarea. Jednak jest to dość skuteczny sposób, a w JS zawsze można wyłączyć w odpowiedniej chwili inputa i/lub textarea, zastępując go iframe-em. Jak się to dobrze napisze to w starszych przeglądarkach będzie normalny input/textarea, a w nowszych już kolorowy iframe. To nawet nie jest tak naprawdę aż dużo roboty;-) Samo uruchomienie trybu edycji gdy jest to możliwe i umieszczenie w iframe-ie textu to nie będzie nawet 100 linii w JS;-)

Pozdrawiam
Marcin Staniszczak
php programmer
19.01.2007, 11:10:45
Cytat
ramkaif.contentDocument.designMode = 'On'; //na iframie pod gecko
ramkaif.contentDocument.body.contentEditable = true; //pod MSIE


hm, mam div'a i chciałem go edytować w FF,
no i zrobiłem tak jak w pierwszym linku,
ale mi nie działa, jakie mogą być przyczyny?

[HTML] pobierz, plaintext 
  1. <div id="edit">
  2. <p>This text is inside the editable region.</p>
  3. </div>
  4.  
  5. <script>
  6. document.getElementById("edit").contentDocument.designMode="on";
  7. </script>
[HTML] pobierz, plaintext
nospor
19.01.2007, 11:22:21
Cytat
hm, mam div'a i chciałem go edytować w FF,
no i zrobiłem tak jak w pierwszym linku,
ale mi nie działa, jakie mogą być przyczyny?

a teraz czytamy na stronce:
Cytat
For example, in JavaScript, if you have an iframe
tongue.gif

pozatym samo designMode="on"; nie wystarcza. to tylko ustawia tryb edycji wlaczony. teraz mozesze robic inne rzeczy opisane na tamtej stronce. ale to musi byc iframe
php programmer
19.01.2007, 11:27:49
po zmianie na iframe 
[HTML] pobierz, plaintext 
  1. <iframe id="edit">
  2. This text is inside the editable region.
  3. </iframe>
  4.  
  5.  
  6. <script>
  7. document.getElementById("edit").contentDocument.designMode="on";
  8. </script>
[HTML] pobierz, plaintext


tez mi nie działa

Cytat
teraz mozesze robic inne rzeczy opisane na tamtej stronce. ale to musi byc iframe


ale ja nie miałem na myśli zmiany z poziomu JS,
tylko to że ten kto ogląda stronę może edytować tekst wewnątrz
(w IE jest taka możliwość)
nospor
19.01.2007, 11:28:20
przeciez ci wyraznie napisalem:
Cytat
pozatym samo designMode="on"; nie wystarcza. to tylko ustawia tryb edycji wlaczony. teraz mozesze robic inne rzeczy opisane na tamtej stronce.


[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. </head>
  4. <body>
  5. <iframe src="jakisplik.html" id="edit"></iframe>
  6. <button onclick="boldd();">bold</button>
  7. <script language="javascript">
  8. function boldd(){
  9. obj = document.getElementById("edit");
  10. obj.contentDocument.designMode="on";
  11. obj.contentDocument.execCommand("Bold", false, null);
  12. }
  13. </script>
  14.  
  15. </body>
  16. </html>
[HTML] pobierz, plaintext


w iframe zaznaczas jakis tekst, wciskasz przycisk i ci go pogrubi
php programmer
19.01.2007, 11:34:41
Cytat
przeciez ci wyraznie napisalem:


ale ja nie miałem na myśli zmiany z poziomu JS,
tylko to że ten kto ogląda stronę może edytować tekst wewnątrz
(w IE jest taka możliwość)

OK coś mi zadziało, THX
nospor
19.01.2007, 11:39:51
no ale tego co czytalem to tak to dziala. robisz przyciski co maja rozne akcje js i po sprawie.

a najlepiej uzyj fckeditora lub tinymce
php programmer
19.01.2007, 11:43:00
w twoim przykładzie po kliknięciu,
da się także edytować, więc mam już jakiś punkt odniesienia
do kombinowania (jak miałem na sztywno wpisane to się nie dało edytować)


Cytat
a najlepiej uzyj fckeditora lub tinymce


Ale ja juz mam tu jakiś WYSYWIG, tylko że nie daje sie edytować
pod FF, a szybciej będzie chyba wprowadzić poprawkę
niż zmienić na inny
nospor
19.01.2007, 11:54:37
Cytat
Ale ja juz mam tu jakiś WYSYWIG, tylko że nie daje sie edytować
pod FF, a szybciej będzie chyba wprowadzić poprawkę
niż zmienić na inny
to zalezy. tinymce bardzo latwy w uzyciu, konfigurowalny, dziala pod kazdą przeglądarką, 5 minut roboty smile.gif
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.