Pada
tulisan ini saya akan membahas tentang CKEditor .kalian pernah kenal dan tidak asing lagi bagi kalian karena CKEditor ini sering kita lihat dimana misal blogger dan ms.word juga ada dll . setelah saya diberi penjelasan secara detil oleh mas aji baru saya mencoba sendiri. allhamdulilah sekarang bisa . dan ini gans hasilnya :
itu hasilnya dibahwa isi ada CKEditor .
Serta kodeing nya :
<html>
<?
include 'koneksi.php';
?>
<head>
<meta charset="UTF-8">
<title>tambah cerita</title>
<script src="ckeditor/ckeditor.js"></script>
</head>
<body bgcolor="darkblack">
<h2><center> TAMBAH CERITA </center> </h2>
<form method="POST" action="proses-tambah-cerita.php">
<table align="center">
<tr>
<td>judul<br>
<textarea type="text" cols="30" rows="1" name="judul"> </textarea>
</tr>
<td>isi<br>
<textarea name="editor1" id="editor1" rows="10" cols="80"></textarea>
<script>
// Replace the <textarea id="editor1"> with a CKEditor
// instance, using default configuration.
CKEDITOR.replace( 'editor1' );
</script>
</td>
<tr>
<td>
<input type="submit" value="tambah">
<input type="reset" value="kembali">
</td>
</tr>
</table>
</form>
</body>
</html>
langkah-langkah penepatanya :
1. Kunjungi situs resmi CKEditor Download. Anda memilih default Paket Standar dan klik tombol Download CKEditor untuk mendapatkan file instalasi .zip. Jika Anda ingin mencoba lebih banyak fitur Editor, Anda dapat men-download Paket lengkap gantinya. untuk Mendownload klik disini http://ckeditor.com/
2. Setelah Didownload kemudian anda Uraikan (ekstrak) .zip arsip download ke direktori ckeditor di root situs Anda.
3. CKEditor dilengkapi dengan sampel yang Anda dapat memeriksa untuk memverifikasi apakah instalasi berhasil serta beberapa "langkah selanjutnya" ide-ide dan referensi untuk sumber daya lebih lanjut.Buka halaman berikut di browser untuk melihat sampel: http: // <situs Anda> /ckeditor/samples/index.html
<?
include 'koneksi.php';
?>
<head>
<meta charset="UTF-8">
<title>tambah cerita</title>
<script src="ckeditor/ckeditor.js"></script>
</head>
<body bgcolor="darkblack">
<h2><center> TAMBAH CERITA </center> </h2>
<form method="POST" action="proses-tambah-cerita.php">
<table align="center">
<tr>
<td>judul<br>
<textarea type="text" cols="30" rows="1" name="judul"> </textarea>
</tr>
<td>isi<br>
<textarea name="editor1" id="editor1" rows="10" cols="80"></textarea>
<script>
// Replace the <textarea id="editor1"> with a CKEditor
// instance, using default configuration.
CKEDITOR.replace( 'editor1' );
</script>
</td>
<tr>
<td>
<input type="submit" value="tambah">
<input type="reset" value="kembali">
</td>
</tr>
</table>
</form>
</body>
</html>
langkah-langkah penepatanya :
1. Kunjungi situs resmi CKEditor Download. Anda memilih default Paket Standar dan klik tombol Download CKEditor untuk mendapatkan file instalasi .zip. Jika Anda ingin mencoba lebih banyak fitur Editor, Anda dapat men-download Paket lengkap gantinya. untuk Mendownload klik disini http://ckeditor.com/
2. Setelah Didownload kemudian anda Uraikan (ekstrak) .zip arsip download ke direktori ckeditor di root situs Anda.
3. CKEditor dilengkapi dengan sampel yang Anda dapat memeriksa untuk memverifikasi apakah instalasi berhasil serta beberapa "langkah selanjutnya" ide-ide dan referensi untuk sumber daya lebih lanjut.Buka halaman berikut di browser untuk melihat sampel: http: // <situs Anda> /ckeditor/samples/index.html
4. Jika sampel bekerja dengan benar, Anda siap untuk membangun situs Anda sendiri dengan CKEditor disertakan.
Untuk memulai, membuat halaman HTML sederhana dengan <textarea> elemen di dalamnya. Anda akan perlu untuk melakukan dua hal:
Untuk memulai, membuat halaman HTML sederhana dengan <textarea> elemen di dalamnya. Anda akan perlu untuk melakukan dua hal:
- Menambahkan panggilan ke script CKEditor di <script> elemen halaman Anda.
- Menggunakan metode CKEDITOR.replace () untuk menggantikan yang sudah ada <textarea> elemen dengan CKEditor.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>A Simple Page with CKEditor</title>
<!-- Make sure the path to CKEditor is correct. -->
<script src="../ckeditor.js"></script>
</head>
<body>
<form>
<textarea name="editor1" id="editor1" rows="10" cols="80">
This is my textarea to be replaced with CKEditor.
</textarea>
<script>
// Replace the <textarea id="editor1"> with a CKEditor
// instance, using default configuration.
CKEDITOR.replace( 'editor1' );
</script>
</form>
</body>
</html>
Langkah selanjutnyaPergi ke depan dan bermain sedikit lebih dengan sampel; mencoba untuk mengubah konfigurasi seperti yang disarankan untuk menyesuaikannya. Dan ketika Anda siap untuk menyelam sedikit lebih dalam CKEditor, Anda dapat mencoba hal berikut:
- Periksa artikel Konfigurasi Pengaturan untuk melihat bagaimana menyesuaikan editor dengan kebutuhan Anda.
- Dapatkan akrab dengan Advanced Content Filter. Ini adalah alat yang berguna yang menyesuaikan konten dimasukkan ke CKEditor untuk fitur yang diaktifkan dan menyaring konten yang tidak diperkenankan.
- Memodifikasi toolbar Anda untuk hanya menyertakan fitur yang Anda butuhkan. Anda dapat menemukan berguna toolbar configurator visual yang langsung dalam sampel editor.
- Pelajari tentang fitur CKEditor di bagian Ikhtisar Fungsi.
- Kunjungi CKEditor SDK untuk melihat koleksi besar bekerja sampel redaksi menampilkan fitur-fiturnya, dengan kode sumber tersedia untuk melihat dan men-download.
- Menelusuri Repository Pengaya untuk beberapa plugin tambahan atau kulit.
- Gunakan CKBuilder untuk membuat Anda CKEditor membangun kustom.
- Isi Panduan Pengembang untuk beberapa ide lebih lanjut tentang apa yang harus dilakukan dengan CKEditor dan bergabung dengan komunitas CKEditor di Stack Overflow untuk membahas semua hal CKEditor dengan sesama pengembang!
Komentar
Posting Komentar