Cara Menggunakan CKEditor di PHP

Pada pertemuan sekarang ini kami akan menjelaskan tutorial tentang bagaimana cara menggunakan CKEditor di php dengan mudah, sehingga dapat digunakan sebagai form posting atau form input pada halaman aplikasi. CKEditor memungkinkan webmaster dapat membuat form post atau form input pada halaman website atau aplikasi berbasis web layaknya CMS wordpress dan blogspot. Menggunakan CKEditor, maka dengan mudah kita akan membuat tulisan tebal, miring, garis bawah, tautan, header dan berbagai pengolahan string lainnya. Jika Anda pengguna theme bootstrap instan, maka plugin CKEditor ini biasanya sudah terdapat di dalamnya, sehingga cukup melakukan customize saja. Kemudian plugin CKEditor juga dapat kita download secara gratis langsung kepada sumbernya.

Tutorial bagaimana Cara Menggunakan CKEditor di PHP dengan mudah ini kami lakukan pada sistem operasi Windows 7 dan menggunakan web server XAMPP ver 5.6.3 include dengan database MySQL. Untuk mengikuti tutorial ini pastikan komputer anda telah completed install web server XAMPP tersebut.

Sebelum menjelaskan lebih detail langkah - langkah tutorial bagaimana Cara Menggunakan CKEditor di PHP alangkah baiknya kita ketahui terlebih dulu apa itu CKEditor.

Cara Menggunakan CKEditor di PHP

CKEditor PHP

Pengertian CKEditor

CKEditor merupakan library yang dikembangkan menggunakan javascript sehingga memudahkan kita dalam membuat form posting atau text editor pada form input. Dengan text editor ck editor ini kita dapat membuat form posting seperti pada blogspot atau wordpress. Kita akan mendapatkan kemudalan dalam membuat text tebal, text heading, underline dan lain-lainnya dengan mudah. CKEditor dapat disebut sebagai WYSIWYG (What You See Is What You Get) yang terjemahan bebasnya adalah apa yang Anda lihat itu yang akan ditampilkan.

Ada beberapa jenis package CKEditor yang dapat kita gunakan sesuai dengan kebutuhan yaitu;

Basic Package. Memiliki fitur yang sedikit dan ukuran file nya terbilang kecil.
Standart Package. Memiliki fitur yang sedang dan ukuran file nya juga sedang.
Full Package. Memiliki fitur yang banyak dan lengkap dan ukuran file nya sangat besar.

Silahkan Anda pilih package sesuai dengan kebutuhan, setidaknya terpenuhi dulu kebutuhan tutorial bagaimana cara menggunakan CKEditor di PHP.

1. Download CKEditor package

Cara Menggunakan CKEditor di PHP

2. Extract file kemudian copy folder ke direktori aplikasi Anda

Cara Menggunakan CKEditor di PHP

3. Desain form input dengan script HTML dan include kan CKEditor ke dalamnya dengan cara memanggil direktori file dan folder ck editor

Save as index.php

<html>
<head>
	<title>Tutorial Cara Menggunakan CKEditor di PHP</title>
</head>
<body>
	<br />
	<h3 align="center"><font color="orange" size="3" face="arial">CKEditor</font></h3>
	<script type="text/javascript" src="ckeditor/ckeditor.js"></script>
	<form action="#" method="POST" name="postform" enctype="multipart/form-data">
		<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
			<tr>
				<td><textarea class="ckeditor" id="ckedtor" name="isi"></textarea></td>
			</tr>
			<tr>
				<td> </td>
			</tr>
			<tr>
				<td><input type="submit" name="Submit" value="Submit" /></td>
			</tr>
		</table>
	</form>
</body>
</html>

Perhatikan script html di atas pada baris 8, script tersebut menghubungkan atau mengincludekan file php yaitu index.php dengan file ckeditor.js yang terdapat dalam folder ckeditor. Anda dapat menyesuiakan letak file dan folder tersebut.

<script type="text/javascript" src="ckeditor/ckeditor.js"></script>

Kemudian memberikan class dan id pada element form post html textarea

<td><textarea class="ckeditor" id="ckedtor" name="isi"></textarea></td>

Sampai tahap ini kita telah melakukan dua proses inti yaitu menghubungkan form post dengan file ckeditor.js. Kedua adalah memasang class dan id pada textarea form post. Jika Anda mengikuti dengan benar dan teliti, maka ketika script dijalankan akan menampilkan interface CKEditor seperti pada gambar berikut;

Download Tutorial Cara Menggunakan CKEditor di PHP

Download Script CKEditor

Sekian penjelasan dari kami tentang bagaimana Cara Menggunakan CKEditor di PHP dengan mudah, lengkap dengan script dan library. Untuk mendapatkan source code nya Anda dapat langsung mendownload melalui link di atas, jika link download tidak aktif atau error mohon hubungi kami melalui SMS atau email atau melalui form komentar dan obrolan. Semoga dapat membantu

Baca juga :

Cara Menggunakan CKEditor di PHP

Tags: cara menggunakan ckeditor php, cara membuat text editor html, cara menggunakan ckeditor, menggunakan ckeditor di php, ckeditor di php, ckeditor, cara menggunakan ckeditor di php

Cara Menggunakan CKEditor di PHP

Cara Menggunakan CKEditor di PHP

Cara Menggunakan CKEditor di PHP

Download Tutorial Cara Menggunakan CKEditor di PHP

Cara Menggunakan CKEditor di PHP

Reliable

Advertise

Archive

Payment & Donation

Live Chat