2009-03-13 6 views

Odpowiedz

-4

Prawdopodobnie musiałbyś uruchomić javascript na kliencie, aby wykryć, kiedy tekst się zmienia, a następnie zamienić tekst, który ma być podświetlony, z elementami potomnymi html o odpowiednim stylu.

Na przykład

Oryginalny tekst:

This is what the user typed. 

Zaznaczony tekst

This is what the <a class="className">user</a> typed. 
4

Textarea jest standardowym elementem HTML i tak zostało wynalezione tuż po świcie czasu. Niestety oznacza to, że ma ograniczony wygląd i funkcjonalność.

Zmiana kolorów określonych słów nie jest możliwa, o ile wiem. Jednak sposobem na obejście tego byłoby umieszczenie elementu iframe na stronie. W ten sposób możesz traktować zawartość iFrame jako inną stronę internetową i stylizować ją za pomocą CSS.

Urządzenie Yahoo RTE, FCKEditor i Lightweight RTE działa w ten sposób.

Inną opcją, która nie korzysta z ramki iFrame, jest edytor użyty tutaj w Stack Overflow, znany jako WMD. Pliki są here.

1

To niemożliwe.

sposobem jest, aby czcionki textarea, ale nie kursorem, używając color:#000;-webkit-text-fill-color:transparent przejrzysty, a następnie utworzyć bazowego, 100% nakładających div do której treść textarea zostaną skopiowane + sformatowana na textarea za oninput imprezy.

Będziesz musiał adresować (lub unikać) problemów wychodzących z synchronizacji tych dwóch elementów, na przykład przewijania, ale można to zrobić. W ten sposób utworzyłem własny edytor HTML.

AFAIK, właściwość css -webkit-text-fil-color jest obsługiwana w Opera, Chrome i powinna być w niedługim czasie udostępnionym Firefox v.48.