Text editor semacam TinyMCE atau CKEditor banyak digunakan dalam membuat aplikasi website, salah satunya adalah aplikasi berita. Dalam tutorial kali ini, Anda akan membuat sebuah aplikasi form berita sederhana yang diintegrasikan dengan CKEditor sebagai text editornya dan KCFinder sebagai file managernya.
Sebelum memulai tutorial ini, pastikan Anda telah:
- Membuat Site Definition di Dreamweaver CS5, dan
- Membuat koneksi database PHP MySQL dengan Dreamweaver CS5
- Mendownload Script dasar dari tutorial ini (text_editor.zip) ==> Berisi satu folder text_editor
- Buatlah folder text_editor di webroot Anda
- Import database yang disertakan dalam link download nomor 3 di atas.
Tutorial ini menggunakan dua buah tabel MySQL, antara lain:
- Tabel users (untuk menyimpan data login username dan password). Username: admin dan password: admin
- Tabel post (untuk menyimpan berita)
Mendownload dan mengekstrak CKEditor dan KCFinder
Sebelum tutorial ini dimulai, pastikan Anda telah mendownload CKEditor dan KCFinder.
- Anda dapat mendownload CKEditor di link ini: http://ckeditor.com/download. Kemudian extrak ke dalam folder text_editor yang telah Anda buat sebelumnya.
- Untuk KCFinder, silakan download di: http://kcfinder.sunhater.com/ lalu buatlah folder dengan nama kcfinder di dalam folder text_editor, lalu ekstrak di dalam folder tersebut. Biarkan seluruh file kcfinder tetap berada dalam satu folder.
Mengintegrasikan CKEditor dan KCFinder lalu menginstallnya pada aplikasi berita (post.php)
Untuk mengintegrasikan CKEditor dengan KCFinder, mulailah dengan membuka file config.js (yang merupakan bawaan asli CKEditor). Kode semula adalah ini:
/*Copyright (c) 2003-2011, CKSource – Frederico Knabben. All rights reserved.
For licensing, see LICENSE.html or http://ckeditor.com/license
*/ CKEDITOR.editorConfig = function( config )
{
// Define changes to default configuration here. For example:
// config.language = ‘fr’;
// config.uiColor = ‘#AADC6E’;
};
Lakukan perubahan sehingga menjadi:
/*Copyright (c) 2003-2011, CKSource – Frederico Knabben. All rights reserved.
For licensing, see LICENSE.html or http://ckeditor.com/license
*/ CKEDITOR.editorConfig = function( config )
{
config.filebrowserBrowseUrl = ‘kcfinder/browse.php?type=files’;
config.filebrowserImageBrowseUrl = ‘kcfinder/browse.php?type=images’;
config.filebrowserFlashBrowseUrl = ‘kcfinder/browse.php?type=flash’;
config.filebrowserUploadUrl = ‘kcfinder/upload.php?type=files’;
config.filebrowserImageUploadUrl = ‘kcfinder/upload.php?type=images’;
config.filebrowserFlashUploadUrl = ‘kcfinder/upload.php?type=flash’;
// Define changes to default configuration here. For example:
// config.language = ‘fr’;
// config.uiColor = ‘#AADC6E’;
};
Kemudian buka file post.php. Lalu pada baris ke-214 (harus berada dalam area tag <head></head> di sana Anda akan menemukan kode di bawah ini.
</style></head>
Lalu tambahkan kode sehingga menjadi:
</style><script type=”text/javascript” src=”ckeditor.js”></script>
</head>
Kemudian pada area kode textarea atau baris kode ke-234 sampai 237, kodenya adalah seperti ini:
<p><label for=”isi”>News content:</label>
<textarea name=”isi” id=”isi” cols=”90″ rows=”15″></textarea>
</p>
Lalu ubah menjadi:
<p><label for=”isi”>News content:</label>
<textarea name=”isi” id=”isi” cols=”90″ rows=”15″></textarea>
<script type=”text/javascript”>
//<![CDATA[ CKEDITOR.replace( ‘isi’,
{
fullPage : true,
extraPlugins : ‘docprops’
}); //]]>
</script>
</p>
Langkah selanjutnya adalah melakukan uji coba terhadap installasi aplikasi berita yang diintegrasikan dengan text editor. Pastikan terlihat seperti pada gambar di bawah ini:
Konfigurasi keamanan dan konfigurasi session file manager KCFinder
Langkah selanjutnya adalah mengatur tingkat keamanan pada file manager KCFinder yang telah berhasil Anda integrasikan. Hal ini termasuk konfigurasi SESSION. Jika Anda buka file config.php yang ada dalam folder kcfinder, Anda akan menemukan kode ini:
<?php /** This file is part of KCFinder project*
* @desc Base configuration file
* @package KCFinder
* @version 2.51
* @author Pavel Tzonkov <pavelc@users.sourceforge.net>
* @copyright 2010, 2011 KCFinder Project
* @license http://www.opensource.org/licenses/gpl-2.0.php GPLv2
* @license http://www.opensource.org/licenses/lgpl-2.1.php LGPLv2
* @link http://kcfinder.sunhater.com
*/ // IMPORTANT!!! Do not remove uncommented settings in this file even if
// you are using session configuration.
// See http://kcfinder.sunhater.com/install for setting descriptions $_CONFIG = array( ‘disabled’ => true,
‘denyZipDownload’ => false,
‘denyUpdateCheck’ => false,
‘denyExtensionRename’ => false, ‘theme’ => “oxygen”, ‘uploadURL’ => “upload”,
‘uploadDir’ => “”, ‘dirPerms’ => 0755,
‘filePerms’ => 0644, ‘access’ => array( ‘files’ => array(
‘upload’ => true,
‘delete’ => true,
‘copy’ => true,
‘move’ => true,
‘rename’ => true
), ‘dirs’ => array(
‘create’ => true,
‘delete’ => true,
‘rename’ => true
)
), ‘deniedExts’ => “exe com msi bat php phps phtml php3 php4 cgi pl”, ‘types’ => array( // CKEditor & FCKEditor types
‘files’ => “”,
‘flash’ => “swf”,
‘images’ => “*img”, // TinyMCE types
‘file’ => “”,
‘media’ => “swf flv avi mpg mpeg qt mov wmv asf rm”,
‘image’ => “*img”,
), ‘filenameChangeChars’ => array(/*
‘ ‘ => “_”,
‘:’ => “.”
*/), ‘dirnameChangeChars’ => array(/*
‘ ‘ => “_”,
‘:’ => “.”
*/), ‘mime_magic’ => “”, ‘maxImageWidth’ => 0,
‘maxImageHeight’ => 0, ‘thumbWidth’ => 100,
‘thumbHeight’ => 100, ‘thumbsDir’ => “.thumbs”, ‘jpegQuality’ => 90, ‘cookieDomain’ => “”,
‘cookiePath’ => “”,
‘cookiePrefix’ => ‘KCFINDER_’, // THE FOLLOWING SETTINGS CANNOT BE OVERRIDED WITH SESSION CONFIGURATION
‘_check4htaccess’ => true,
//’_tinyMCEPath’ => “/tiny_mce”, ‘_sessionVar’ => &$_SESSION[‘KCFINDER’],
//’_sessionLifetime’ => 30,
//’_sessionDir’ => “/full/directory/path”, //’_sessionDomain’ => “.mysite.com”,
//’_sessionPath’ => “/my/path”,
); ?>
Konfigurasi Keamanan dengan SESSION
Pada variable SESSION ‘disable’ => true. Di sana sudah diset bernilai TRUE. Ini artinya file manager hanya bisa diakses setelah Anda mendaftarkan SESSION yang harus Anda buat pada saat login. Sehingga pada halaman login.php, Anda harus menambahkan registrasi SESSION. Jika tidak, maka file manager Anda tidak akan dapat diakses dan akan munncul pesan error seperti di bawah ini:
Jika ‘disable’ tersebut Anda set FALSE, maka orang yang tidak login akan dapat mengakses file manager Anda.
Bukalah file login.php, pada baris kode ke-63 sampai 64 Anda akan menemukan kode ini:
//declare two session variables and assign them$_SESSION[‘MM_Username’] = $loginUsername;
$_SESSION[‘MM_UserGroup’] = $loginStrGroup;
Tambahkan pengaturan SESSION untuk file manager, sehingga berubah menjadi lalu simpan kembali file login.php Anda:
//Declare session for CKEDITOR and KCFINDER$_SESSION[‘KCFINDER’]=array();
$_SESSION[‘KCFINDER’][‘disabled’] = false;
$_SESSION[‘KCFINDER’][‘uploadURL’] = “/upload”;
$_SESSION[‘KCFINDER’][‘uploadDir’] = “”;
//declare two session variables and assign them
$_SESSION[‘MM_Username’] = $loginUsername;
$_SESSION[‘MM_UserGroup’] = $loginStrGroup;
Setelah Anda selesai melakukan konfigurasi halaman login.php silakan lakukan logout dan lakukan login kembali maka Anda akan dapat mengakses halaman file manager.
Konfigurasi pada saat dipakai pada website online
Jika Anda ingin menggunakan CKEditor dan KCFinder ini untuk online, pastikan folder upload beserta SUBFOLDER yang ada di dalamnya di set permission-nya menjadi 777. Folder upload ini dapat Anda temukan dalam folder kcfinder.
Download Source Code Lengkap yang telah selesai dari tutorial ini.
makasih bnyak mas bro saya salut sma anda …
ohhh iya saya mau tutorial
ini donk mas
membuat view dari tabase tapi menyamping bukan menurun .. gman mas hehheh mass klo bahasa saya susah di mengerti
Sudah dicoba kan?
Gunakan aja CSS sehingga berformat inline-block. Jadi display: inline-block. Jika tidak gunakan nested template. Silakan dicari di Google saja… Jika ada waktu mudah2an bisa bikin tutorialnya.
mas javawebmedia nerima pkl ga untuk anak smk ….
Silakan aja jika Mau..
mas… mau tanya ..kenapa..punyaku..error ada tulisan kayak gini..
Object not found!
The requested URL was not found on this server. The link on the referring page seems to be wrong or outdated. Please inform the author of that page about the error.
If you think this is a server error, please contact the webmaster.
Error 404
localhost
03/22/12 18:44:39
Apache/2.2.21 (Win32) mod_ssl/2.2.21 OpenSSL/1.0.0e PHP/5.3.8 mod_perl/2.0.4 Perl/v5.10.1
maaf masih newbie..terima kasih
Mas ada kesalahan menempatkan file.
yup!!..betul…. mas.. , ternyata saya..utak-atik… sudah bisa. makasih..mas..tutornya.. , semoga tambah maju..
mas..kok kcfinder’a udah kebuka tapi kosong..warna abu2 gtu
Mas sudah install dengan benar? Ikuti proses yang ada saya yakin bisa karena tutorial ini sudah ditest semua.
udah sama mas..coba nnti tapi pas buka kcfinder’a blank abu2 gtu..saya cek ada error di browse.version
Beberapa komentator lain sudah mencoba dan bisa. Apakah mas sudah login? Script Tiny_Mce hanya bisa diakses setelah Anda login.
Perhatikan step by step proses installasinya.
klo login.php’a bikin sendiri apa aja yang harus diembed mas?terimakasih sebelom’a
Silakan diembed $_SESSION variablenya. Pertama $_SESSION untuk folder dan kedua $_SESSION untuk aplikasi file managernya.
Penjelasan detail ada di bagian akhir tutorial ini. Silakan dilihat di sana termasuk aspek security dan CHMOD Permission-nya jika Anda memasangnya online.
Makasihhh
Sama-sama
mas q nemu erorr ” analyze server behavior in recordset.htm,a javascript error occurred ” pas buka file di dreamweaver ,itu knapa ya???
Itu error Dreamweavernya? Mas install banyak Adobe Extension Manager Ga? Jika iya itu wajar, Jika tidak berarti error asli di Dreamweavernya. Matikan dulu Dreamweavernya lalu nyalakan lagi…
maaf nih sy nubie…
mau tanya kok pas sy buka aplikasi login.php trus sy login … gak bisa masuk..
ada tulisan no database selected.. ?? nama database sy db_websiteku.
minta bantuannya mas.. makasih ..
Silakan buka file koneksi database yg ada di folder connection. lalu ubah databasenya sesuai dngan punya mas.
mas, saya udah nemu jawaban’a..sekedar ikut sharing ya..untuk pengguna kcfinder 2.51..bug–>kcfinder browse show blank (gray), tombol g jalan..buat pengguna chrome bisa inspect element pas di kcfinder’a..ada 2 error joiner.php sama browse.php..solusi’a di kcfinder/lib/helper_dir.php. Line 144:
usort($files, “dir::fileSort”);
ganti jadi
usort($files, array(“dir”, “fileSort”));
mudah2n bisa bantu..
Thanks mas Opay untuk sharingnya.
Mas Opay pake Chrome versi berapa? Soalnya di browser Chrome saya (yang sudah update) tidak masalah.
Tapi solusinya bisa digunakan temen2 yang mengalami masalah dengan installasi KCFinder dan CKEditor. Thanks banget yah…
pake yang terbaru kok mas(update terus)..baca2 sih kata’a bug’a emang buat kcfinder 2.51..
bantu2 aja mas..hihihi..soal’a klo cari2 di forum indonesia masih susah cari yang ngebahas error’a..^^
Makasi Bang ud tak coba dan Succses.
Tapai q masih lum paham dari ketergan di atas, jika di online-kan, pastikan folder upload beserta SUBFOLDER yang ada di dalamnya di set permission-nya menjadi 777. Maksudnya gimana Bang..?
Mas pake buat online ga? Folder untuk upload harus diset 777.
Ya..buat online ! ya uda bang saya akan mencobanya.
Makasih atas jawabanya !!!
misal’a mas pake cpanel..nnti dicpanel kan ada file/folder’a..diklik kanan trus change permission..ubah jadi 777
gan klo ada perintah error “cannot access or thumbnail folder” ini kenapa yah gan…
padahal di localhost sudah jalan tapi begitu saya upload ke hosting malah error kaya gitu.. :(
settingan di config.php nya
‘uploadURL’ => “../../files”,
‘uploadDir’ => “../../files”,
kira kira apa yang salah yah :(
Silakan dibaca pada bagian akhir dari tutorial ini. Ada dua opsi:
– Pastikan folder Anda dengan CHMOD 777.
– Konfigurasi $_SESSION di file login.php harus disesuaikan dengan path upload filenya.
mas bagaimana cara mengkoneksikan teks editor di atas dengan file add berita yang ada di folder admin yang sebelumnya kita buat? agar nanti saat kita membuat berita teks editor nya dapat tampil.
Sebenarnya cukup sederhana, ikuti saja langkah-langkah yang ada dalam tutorial ini, maka Anda dengan mudah dapat mengintegrasikannya dengan form yang telah Anda buat sendiri…
Misi mau mau nanya.
Pada Kc Finder, di Folder Core.
file browser.php, Uploader.php, dan autoload.php selalu Access Forbiden. kira2 kenapa yak?
mohon bantuannya yah, thx before.
Silakan dicek konfigurasi $_SESSION yang dijelaskan di akhir tutorial ini. Itu artinya mas belum melakukan konfigurasi $_SESSION dengan benar.
default’a itu kcfinder di disable=true mas..jadi waktu login harus pake $_SESSION kaya dicontoh biar disable jadi false
Terimakasih… Apa yang dikatakan mas Opay sudah benar…
Bisa untuk crop gambar ga ya? selain bikin thumbnail.
atau croping gambar yang sudah di upload.
thanks.
Silakan dicoba untuk mengetahui fitur2 utamanya.
cara penambahan admin gimana mas… uda saya tambah di phpmy admin table user tapi kok g bisa login….
terus juga pas saya mau nambah berita terdapat di browser “Column ‘id_admin’ cannot be null” maksudnya apa tuh, maaf sebelumnya klo bisa rampung ma pertanyaan saya sebelumnya…makasih JWM…
Tutorial di atas lebih fokus pada installasi CKEditor dan KCFinder. Silakan pelajari Tutorial Membuat CMS Part 1-10 untuk bisa mengaktifkan form tersebut lalu Anda kombinasikan dengan tutorial ini.
Terimakasih
Ijin sedot gan
Silakan saja…
mas, mau nanya. mengedit path untuk upload localhost di config.php kan?
saya kurang ngerti skrip yang mana nya mas yang harus dirubah. tolong dijelaskan jika berkenan. trims
File config.php di dalam folder KCFINDER. Sudah cukup detail penjelasannya kok mas. Silakan diikuti perlahan-lahan.
Di atas telah dijelaskan secara mendetail. Silakan dibaca dengan seksama perlahan-lahan. File config.php ada di dalam folder kcfinder.
1) Semakin menarik saja tutorial ini dan saya rasa memang masih ada hubungannya dengan tutorial “Membuat CMS PHP MySQL Menggunakan Dreamweaver”
Memang aplikasi ini mutlak ada untuk admin site terutama dalam mengatur setiap posting/artikel/berita… tapi saya jadi ingin tanya:
***Bagaimanakah caranya aplikasi ini diimplementasikan ke tutorial “Membuat CMS PHP MySQL Menggunakan Dreamweaver” terutama pada page addnews.php dan editnews.php.***
(Maklum mas, newbie).
2)Apakah security level untuk tutorial 1-11 sudah layak untuk digunakan? Jika belum kira-kira steps apa lagi yang perlu di tambahkan?
3)Jika mendapatkan otorisasi, maka kami akan menggunakan semua script tutorial di website kami, tentunya dengan sedikit sentuhan sesuai website kami. Mohon balasannya.
Thank’s atas bantuannya.
Terimakasih sudah mengikuti tutorial ini. Berikut jawaban kami:
1. Maksudnya cara aplikasi gimana? Untuk online, silakan upload database dan ubah script file koneksi database yang ada dalam folder Conenctions.
2. Untuk basic security terhadap SQL Injection sudah aman, tapi untuk XSS dan PHP Injection (misalnya mass mail) belum aman. Anda bisa menambahkan strip_tags dan htmlspecialchars untuk menambah keamanan sebelum data disubmit ke database.
3. Silakan saja jika ingin menggunakannya.
Versi advanced (tentu yang lebih aman dan fitur lebih banyak) memamng hanya kami ajarkan ke siswa kursus kami.
Sebelumnya terima kasih mas untuk jawabannya, tentunya saya senang telah mendapatkan ijin.
Maksud saya dalam pertanyaan no.1, dalam tutorial sebelumnya akan sudah dijelaskan untuk membuat form add news/edit news dan cara mengaktifkannya. Jika pada form tersebut saya tambahkan ckeditor/kc finder, caranya bagaimana. Karena jelas untuk memposting berita dlm add news/edit news masih sangat sederhana belum ada fitur lain seperti tampak pada gambar paling atas yang lengkap dengan editor textnya.
-Terima kasih-
(kalo saya ingin mengikuti kursus di JWM, syaratnya apa? Karena domisili saya ada di manado, sulawesi utara)
Silakan saja, Anda bisa memasang CKEditor dan KCFinder pada CMS tersebut… Silakan baca langkah-langkahnya dengan hati-hati.
Sebenarnya installasi text editor akan dijelaskan pada part selanjutnya.
Namun jika Anda ingin cepat2 menggunakannya, Anda bisa mempelajari langkah2 yang ada.
Terimakasih
tunggu aja tutorialnya… (mudah-mudah lebih cepat :D :D :D )
mas emang ada lagi install text editor nya mas?? bukan nya ini udah lengkap??
pantensan ajja punya saya tidak bisa, padahal setelah saya download code finis nya bisa jalan..
:'(
saya coba membuat ke halaman add_news php dengan tutorial ini, tpi text editornya saaja tidak tampil, udah berulang ulang.. tp gak bisa juga, saya mgnggunakan ck editor 4.1 standar dan fc finder,… masalahnya apa ya mas? saya bingung ni..
kalo buat edit-artikel.phpnya gimana mas?
Silakan baca tutorial membuat CMS Part 1 s/d Part 12
maksudnya WYSIWYG mas…itu kalo di singkron ke add berita sih bisa gimana WYSIWYG ke form edit berita mas….
Selamat Malam OM apa bapak ini manggilnya……..saluuuuuuut saya sama web bapak..menjelaskan panjang lebar tutorial ini dan tetep semangat,mudah-mudahn makin berkarya pak…walau belum di coba tapi sudah mengerti dikit..yang bsa di pahamin ja…hem..boleh request ga om???hehehehe..
begini om punten curhat, saya kepingin membuat web akademik dan ingin menanyakan login kan ada login admin,dosen dan login siswa dan setelah masuk kedalam user kan ada halaman profil siswa, nilainilai, jadwal siswa…dan yang saya mksdkan disini,kan siswa pastinya buanyak ya om…ga hanya 1…yang saya mksd disini itu..bagaimana cara membuat pemanggilan setiap user Login sesuai dengan NIS dan Password masing-masing berbeda dan isi profil,nilai,jadwal sama sesuai dengan login user tapi tampilan halaman tetap sama walau berbeda-beda siswakarena sudah mempelajari hasilnya tetep sama saja om dalam database di buat 3 user tampilan sama ja 3 user yang keluar…mohon bimbingan y om..bila perlu tutorial sekalian…hehehe.
Haha…borongan nih. Katakanlah Anda memiliki 2 buah table, pertama tabel mahasiswa, kedua tabel nilai. Di tabel nilai, pasti Anda harus menyimpan primary key dari tabel mahasiswa. Dengan primary key ini, maka Anda dapat membuat relational dua tabel database lalu menggunakan $_SESSION untuk memanggil data nilai berdasarkan data id milik mahasiswa yang login.
Mudah2an tutorial ke depan akan membahasa dasar-dasar ini.
Sebelumnya terimakasih untuk tutornya…..
Saya sudah mengintegrasikan text editor ini dengan tutor cms 1-12…hanya saya ada sedikit kendala saat upload file, file yg di upload tdk masuk di folder (kcfinder/upload) tapi malah bikin folder sendiri nama foldernya (kcfinder/“â€) itu kira2 permasalahannya di mana ya ? thx….
Sabar menunggu yah… Part 13 akan membahas hal tersebut…
Mau tanya Master…
Saya masih newbie banget sama yang ginian.
saya punya alamat login yang beda :
wwwsite/admin/login.php
kalo saya ikutin script ini:
$_SESSION[‘KCFINDER’][‘uploadURL’] = “/upload”;
$_SESSION[‘KCFINDER’][‘uploadDir’] = “”;
maka folder dan hasil uploadnya ada diluar wwwsite …
Pertanyaannya:
Kalau saya mau upload di alamat yang beda, engga kyk di source code (wwwsite/kcfinder/upload/) tapi jadi seperti ini (wwwsite/images/)
1. bagaimana caranya? apa yang harus diubah?
2. apakah ada efeknya?
Maaf, ya master. Nanya mulu… :D
Ubah nama folder/directory yang diatur dalam file config.php (dalam folder kcfinder) menjadi folder yang Anda inginkan. Begitu juga dengan file login Anda.
Situsnya saya coba online-kan. tapi disaat testing “browse server” di CKeditor keluar kek gini:
Cannot write to upload folder . /usr/local/apache/htdocs/ckeditor/kcfinder
terus muncul error notif kek gini :
Warning: is_dir() [function.is-dir]: open_basedir restriction in effect. File(/usr/local/apache/htdocs/ckeditor/kcfinder) is not within the allowed path(s): (/home/:/usr/lib/php:/tmp) in /home/u328849238/public_html/ckeditor/kcfinder/core/uploader.php on line 221
Warning: file_exists() [function.file-exists]: open_basedir restriction in effect. File(/usr/local/apache/htdocs/ckeditor/kcfinder/.htaccess) is not within the allowed path(s): (/home/:/usr/lib/php:/tmp) in /home/u328849238/public_html/ckeditor/kcfinder/core/uploader.php on line 250
Haduh, apanya yang salah ya master? Mumet saya….
Utak-atik belum ketemu juga. Tapi kalo di localhost lancar jaya…
Mohon pencerahannya master.
dengan ket*:
‘uploadURL’ => “../../asset/”,
‘uploadDir’ => “”,
‘dirPerms’ => 0755,
‘filePerms’ => 0644,
Ada beberapa hal yang harus mas perhatikan, antara lain:
– Apakah directory permission sudah di set 777?
– Apakah konfigurasi $_SESSION[‘KCFINDER’] sudah diset dengan benar?
– Lokasi uploadDir kenapa tidak didefinisikan?
Saya Juga Mengalami Kasus yang sama mas, sudah saya atur semua konfigurasinya sama.
Di Forum Lokomedia juga banyak yang mengalami masalah sama mas…!
Kemungkinan paling mudah adalah integrasi TinyMCE dengan KCFINDER. Nanti saya buat tutorialnya.
cuma sedikit berbagi aja mas, bagi yang bermasalah dalam hal ckeditor saya kebetulan udah nemu solusinya…
setting file config.php didalam folder kcfinder spt ini:
$_SESSION[‘KCFINDER’][‘uploadURL’] = “/admin/kcfinder/images”;
$_SESSION[‘KCFINDER’][‘uploadDir’] = “images”;
kemudian kita juga setting di halaman login kita menjadi spt ini:
//Declare session for CKEDITOR and KCFINDER
$_SESSION[‘KCFINDER’]=array();
$_SESSION[‘KCFINDER’][‘disabled’] = false;
$_SESSION[‘KCFINDER’][‘uploadURL’] = “/admin/kcfinder/images”;
$_SESSION[‘KCFINDER’][‘uploadDir’] = “images”;
//declare two session variables and assign them
$_SESSION[‘MM_Username’] = $loginUsername;
$_SESSION[‘MM_UserGroup’] = $loginStrGroup;
trima kaasih semoga membantu… :D
sangat membantu..terima kasih mas
tapi kira2 tutorial Part 13 lanjutannya kapan mau dilanjutin y mas? :)
Sabar ya mas.. Masih sibuk banget dengan project…
terima kasih sebelumnya,,
saya udah coba untuk submit kemudian muncul pesan
Column ‘id_admin’ cannot be null..
minta solusinya dong…
thx
Artinya Anda belum melakukan login. Silakan login terlebih dahulu. id_admin diambil dari $_SESSION[‘MM_Username’]
mas, text_editor nya ga bisa di download mas, mohon pencerahan
Silakan download secara terpisah di website resminya:
1. http://ckeditor.com/download untuk CKEDITOR
2. http://kcfinder.sunhater.com/ untuk KCFINDER.
Selamat mencoba
Saya sudah coba hosting web di idhostinger dan 000webhost.Ketika mau tambah berita dan insert image di text area ada error -Cannot write to upload folder usr/local/apache/htdocs/kcfinder-(KCFinder tidak bisa di load).Sudah saya set cmod nya jadi 777 untuk folder KCFinder tetap tidak mau jalan.
Konfigurasi untuk file config.php
‘uploadURL’ => “upload”,
‘uploadDir’ => “upload”,
‘dirPerms’ => 0777,
‘filePerms’ => 0644,
Solusinya, tolong di bantu.
Terima kasih..
Biarkan direktori permission di ‘dirPerms’ => 0755. Yang perlu Anda lakukan justru set folder di CPANEL menjadi 777. Jadi bukan di file config.php-nya.
Sudah Mas Sudah saya set folder nya “Sudah saya set cmod nya jadi 777 untuk folder KCFinder tetap tidak mau jalan.”
Dir Permis nya sudah saya Ganti 0755, tetap tidak mau jalan. Ada solusi lain…?
Pak master, ane mau nanya :
gman caranya mengganti skins pada Ckeditor pak…?
misalkan mau saya ganti skin V2 / office 2003.
sebelumnya terimakasih banyak pak master, sangat bermanfaat tutorialnya…
Tambahkan script ini pada kode JavaScript CKEDITOR:
CKEDITOR.replace( ‘textarea_id’,
{
skin : ‘office2003’
});
0k makasih banget pak..
minal aidin walfaizin javawebmedia, mohon maaf lahir dan batin..
Sama-sama mas. Mohon maaf lahir dan batin juga yah…
Makasih tutorialnya mas. Sangat membantu. Untuk fiturnya sendiri apa bisa di custom sesuai kebutuhan kita? soalnya sy butuhnya ga sebanyak itu.
mas mau tanya untuk menampilkan berita di headline dan tampilan full berita beserta gambar pada beritanya gimana ya mas?
cuma sedikit berbagi aja mas, bagi yang bermasalah dalam hal ckeditor saya kebetulan udah nemu solusinya…
setting file config.php didalam folder kcfinder spt ini:
$_SESSION[‘KCFINDER’][‘uploadURL’] = “/admin/kcfinder/images”;
$_SESSION[‘KCFINDER’][‘uploadDir’] = “images”;
kemudian kita juga setting di halaman login kita menjadi spt ini:
//Declare session for CKEDITOR and KCFINDER
$_SESSION[‘KCFINDER’]=array();
$_SESSION[‘KCFINDER’][‘disabled’] = false;
$_SESSION[‘KCFINDER’][‘uploadURL’] = “/admin/kcfinder/images”;
$_SESSION[‘KCFINDER’][‘uploadDir’] = “images”;
//declare two session variables and assign them
$_SESSION[‘MM_Username’] = $loginUsername;
$_SESSION[‘MM_UserGroup’] = $loginStrGroup;
trima kaasih semoga membantu… :D
Ok terimakasih/
Mudah2an bisa dipke temen2 lainnya yg membutuhkan
yang config.phpnya diletyakan dimannya Gan?
mas mau nanya kenapa dalam menggunakan ckeditor ketika saya melakukan penyimpanan ke database span style text editor itu tidak bisa tersimpan ke database jadi semua text yang isinya terdapat style baik itu font berwarna merah atau apapun ukuran font diperbesar tidak bisa tersimpan ke database malah menghilang.
maaf.. mas,,
link text_editor.zip di server ziddu tidak bs di download..
Ok. Segera diperbaiki yah
kalo kcfinder digabung sama tinyeditor gmana ya?
mass… kok texteditor.zip nya double extenisi ya mas??? kok yang terdownload malah virus txteditor.zip.axe?
Waduuh… Nanti diupload ulang yak
mas.. file yang anda share untuk di download dihalaman ini mengandung file dua extensi. dan terdeteksi virus. mohon di cek ulang file nya. diri link
mas… mau nanya ni.. mas pakai ckeditor versi brapa ya?? karena saat saya buka file config.js di ckeditor kok isi nya beda ya??
file seperti basic_source nya pun saya tidak melihat setelah saya ekstrak ke root saya.
saya pakai ck_editor 4.1 standard…
dan setelah saya coba di halaman add news di tutorial ini saya tidak menemukan apa yang membedakan ya mas.. maaf masi newbie… :-)
Versi lama, klo ga salah 3.4 deh
Mas, mau nanya :D. Kenapa ketika saya mau upload gambar dan browse server selalu muncul ini “You don’t have permissions to browse server”, minta pencerahanya :(
Column ‘id_admin’ cannot be null
<input type=”hidden” name=”id_admin” id=”id_admin” value=”<?php echo $row_rsSession[‘id_admin’]; ?>”>
Anda belum login bro. Login dulu yak
This design is incredible! You definitely know how to
keep a reader amused. Between your wit and your videos, I was almost moved to start my own blog (well, almost.
..HaHa!) Wonderful job. I really enjoyed what you had to say, and
more than that, how you presented it. Too cool!
Magnificent goods from you, man. I have understand your stuff previous to and you are just extremely great.
I really like what you’ve acquired here, really like what you are stating and the way in which you say it. You make it enjoyable and you still care for to keep it smart. I cant wait to read far more from you. This is actually a great site.
maaf pak maestro web mau tanya, klo posisi kaya gini kenapa yah ?
The “safe_mode” PHP ini setting is turned on! You cannot run KCFinder in safe mode.
makasih sebelumnya….
sukses buat pak andoyo dan sekeluarga amiin
kcfinder aku tidak bisa input gambar,,,kenapa yah…aku sudah melakukan tahapan diatas..kenapa masih tidak bisa input gambar
Berarti kena block sama servernya mas
maaf… boss… kok tidak berjalan setelah diupload dicpanel ya……
makasih…
Ada beberapa kasus memang terjadi mas…
maaf, mau tanya nich, semua langkah udah di jalani and sukses munculkan browse server di properties-nya image, upload-nya juga sukses, tapi ga bisa insert gambarnya ke teks editornya(padahal cuma tinggal klik button OK), ada saran???
Silakan baca bagian SESSION mas… di sana aturannya…
eh udah bisa mas, makasih tutorialnya, ternyata cuma gara-gara kursornya belum ditaruh di halaman teks editornya aja jadi ga fungsi button Ok-nya, hehehe ada-ada aja, maaf masih newbie nich….
Haha… selamat yah
maaf mas..
mau tanya nih..
saya pake kcfinder untuk sebuah website yang online.. tpi gagal terus tiap upload gambar..
kemudian saya lihat mas menyebutkan seperti berikut..
“Konfigurasi pada saat dipakai pada website online
Jika Anda ingin menggunakan CKEditor dan KCFinder ini untuk online, pastikan folder upload beserta SUBFOLDER yang ada di dalamnya di set permission-nya menjadi 777. Folder upload ini dapat Anda temukan dalam folder kcfinder.”
lalu saya langsung mencoba permission nya menjadi 777, baik di folder upload maupun di sub folder nya..
tapi, tetap saja selalu muncul tulisan “cannot write to upload folder…”
kira2 masalahnya apalagi ya mas ?
mohon bantuannya..
:)
Ada dua kemungkinan kesalahan:
1. SESSION untuk KCFINDER belum diaktifkan.
2. Server web Anda memblokir KCFINDER
Kalau SESSION belum aktif, silakan aktifkan sedangkan kalau server yang trouble, berarti tidak bisa apa2.
saya mau tanya, kalau text editornya gak terlihat saat di run kesalahan ada dimananya yah mas?
untuk mengaktifkan SESSION untuk KCFINDER belum diaktifkan itu caranya gimana yah mas ?
apakah caranya seperti terdapat pada keterangan web yang mas tulis sebagai berikut ?
1. Konfigurasi keamanan dan konfigurasi session file manager KCFinder
2. Konfigurasi Keamanan dengan SESSION
Iya bener mas…
mas,, setelah di ulik.. muncul kaya gini ternyata.. haha
pas saya klik “Send it to the server”, jadi muncul kata2 seperti berikut..
mohon bantuannya mas..
:)
<?php
/** This file is part of KCFinder project
*
* @desc Upload calling script
* @package KCFinder
* @version 3.12
* @author Pavel Tzonkov
* @copyright 2010-2014 KCFinder Project
* @license http://opensource.org/licenses/GPL-3.0 GPLv3
* @license http://opensource.org/licenses/LGPL-3.0 LGPLv3
* @link http://kcfinder.sunhater.com
*/
require “core/bootstrap.php”;
$uploader = “kcfinder\\uploader”; // To execute core/bootstrap.php on older
$uploader = new $uploader(); // PHP versions (even PHP 4)
$uploader->upload();
?>
mas mau tanya, kalo muncul pesan unkown error itu kenapa yah?
pas di local sih ga, itu pas online aja, dan folder upload sudah di set 777
???
Maaf mas, mau tanya nih.. waktu saya nambahin script yang
extraPlugins : ‘docprops’
jadinya text area nya gag nampilin ckeditor nya (alias kosong).
tapi kalo saya delete script yg itu bisa tampil. kenapa ya mas??
itu fungsinya untuk apa ya??
terima kasih.
Ada kesalahan cara nambahin plugin mas sepertinya.
please jangan upload di ziduu Mas Juragan..
terlalu ribet :(
soalnya Anvir pada blok ziddu untuk downloadnya
koq aku gak berhasil ya
Versi .ckeditor.com/4.4.7/standard/ckeditor.js”
You are using PHP 5.2.6 when KCFinder require at least version 5.3.0! Some systems has an option to change the active PHP version. Please refer to your hosting provider or upgrade your PHP distribution.<<< kalau ada reason seperti ini tandanya apa mas?
apakah ini tersimpan di dalam database
Izin nyoba gan :)
bang mau tanya nih siapa tau bisa ngasih solusi, soalnya lagi bingung blm nemu solusinya.
langkah diatas udah bisa jalan tapi pas waktu di simpan terus mau lihat hasil tampilannya kok gambar nya gak bisa tampil yah bang, itu kira-kira kenapa yah ?
terimakasih
Terima kasih, atas tutorialnya.
ane newbie, baru nemu Text editor CKdan KC.
sudah saya implementasikan, hasilnya OK.
namun ada satu masalah ni gan..
saat browse dan ambil gambar, maka yang tertera di URL adalah /images/namafile.jpg
namun tidak bisa preview. setelah di URL saya ganti /civitas/kcfinder/images/namafile.jpg baru bida preview.
pertanyaanya gimana mengganti default URL : /images/… menjadi URL : civitas/kcfinder/images/…
terima kasih.
thx
work ini, kalo yg pas dihosting cuma blank putih aja atau acces denied pas saat mau upload gambar , kemungkinannya ada 2
1. yaitu foldernya blm di set permision 777
2. belum masukin session di script cek login nya
happy coding
kl dicpanel, link dan enter problem kenapa ya, di lokal tidak masalah ?
mass, mau nanya. Kok punya saya pas selesai saya input notifnya berhasil tapi ternyata engga masuk ke database pdahall pemanggilan database di form php nya sudah pas. Mohon bantuannya ya mass.trims