Raiškiojo teksto wysiwyg redaktoriaus CKEDITOR ir failų įkėliklio CKFINDER integravimas

Vienas geriausių ir labiausiai tobulinamų nemokamų wysiwyg (reiškia - gauni tai ką matai) tipo teskto redaktorių yra CKEDITOR. Su papildomu priedėliu CKFINDER atsiranda galimybė įkėlinėti failus į serverį. Tai puikus komplektas daugumai Turinio Valdymo Sistemų. Šių priemonių integravimo eiga, jeigu jau naudojate JQUERY biblioteką:

1. parsisiunčiate  CKEDITOR ir CKFINDER, juos sukeliate į serverį
2. HTML kode (pageidautina HEAD dalyje)  integruojate eilutes:
   

    <script src="/ckeditor4/ckeditor.js"></script>
    <script src="/ckeditor4/ckfinder/ckfinder.js"></script>
    <script src="/ckeditor4/adapters/jquery.js"></script>
   

3. Sukuriate textarea lauką, suteikiate jam id, pvz redactor, ir sukuriate JavaSript iškvietimą:
   $( '#redactor' ).ckeditor(function(){
      CKFinder.setupCKEditor( this, '/ckeditor4/ckfinder/' );
   });
4. ckfinder aplanke, ckfinder.php faile nustatote $baseUrl parametrą - kelią iki direktorijos, į kuria bus talpinami vartotojo failai. Šiai direktorijai, žinoma, reikia suteikti 777 chmod.
5. ckfinder.php faile pakoregutoi funkciją CheckAuthentication() - kai norite, kad failų įkėlimas veiktų (pvz kai vartotojas prisijungės, yra sukurta sesija), f-ja turi grąžinti TRUE, kitu atveju - FALSE reikšmę
6. Jeigu yra poreikis, su jQuery paimti teksto redaktoriaus turinį, tai galima padaryti kaip įprastai: $('#redactor').val();
7. Jeigu yra poreikis tinkinti CKEditorių, papildomus parametrus (mūsų pvz - uiColor - sąsajos spalva ) galima užduoti iškart po callback funkcijos :
   $( '#redactor' ).ckeditor(function(){
      CKFinder.setupCKEditor( this, '/ckeditor4/ckfinder/' );
   }, { uiColor: '#9AB8F3' });
   Pilnas konfigūracijų sąrašas.