Chcesz zatem aby na Twojej stronie zamiast zwykłych, prostych pól typu textarea występował ciekawy edytor tekstowy przypominający np. Word`a.
Na swoich stronach od przeszło pół roku wprowadzam takie rozwiązanie i z pełną odpowiedzialnością mogę polecić darmowy CKEditor.
CKEditor to małe arcydzieło, to taki Rolls Royce wśród reszty edytorów (których jest cała masa w sieci). Ma całą masę funckji, świetnie wygląda i w dodatku jest dostępny m.in. w licencji Open Source czyli za darmo. Pisząc krótko to tak jakby firma Adobe powiedziała, słuchajcie , od dzisiaj nasz Photoshop warty 3000 zł, udostępniamy za darmo.
Do rzeczy, na początek przedstawię demo, dalej pokażę jak to ustrojstwo wprowadzić do nas na stronę.
1. Demo (automatycznie ustawia język)
2. Instrukcja implementacji
Pełną dokumentację znajdziesz na http://docs.cksource.com/
Przedstawiam sposób implementacji z jQuery.
- Pobieramy najnowszą wersję ze strony http://ckeditor.com/download
- Rozpakowy .zip wgrywamy na nasz FTP (jest tam katalog /ckeditor który należy wgrać do głównego katalogu z naszą stroną)
- Dodajemy pomiędzy <head> … </head> poniższy kod
- Pomiędzy <body> … </body> dodaj następujący kod:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script> <script type="text/javascript" src="ckeditor/ckeditor.js"></script> <script type="text/javascript" src="ckeditor/adapters/jquery.js"></script>
<script language="javascript">
$(document).ready(function(){
$('textarea').ckeditor({ height : 500 });
});
</script>
Powyższy kod spowoduje podmianę zwykłego textarea na edytor WYSIWYG CKEditor. W dokumentacji znajdziesz wszystkie funkcje i sposoby konfiguracji edytora począwszy od zmiany szablonu graficznego po rozmiar, szerokość, ilość ikon itd.
Czy wiesz jak zarobić 20.000 zł w miesiąc przez Internet ?
GrybyBogdan
19-04-2010 at 22:05
Dzięki za informację o tym cacku.
Przyda się.
siechnice
22-04-2010 at 21:08
Korzystam z tego edytora jest najlepszy z darmowych pozycji. Polecam.
wojtas
27-06-2010 at 13:03
Hmm. Nie spotkałem się jeszcze z tym edytorem, ale wygląda nieźle. Na pewno go przetestuję. Dzięki za info.