Anda memasuki Part 13 dari rangkaian tutorial Pembuatan Aplikasi CMS/Berita sederhana. Pastikan Anda mengikuti tutorial-tutorial Part 1-Part 12 di bawah ini:
- Membuat Site Definition di Dreamweaver CS5, dan
- Membuat koneksi database PHP MySQL dengan Dreamweaver CS5
- Membuat CMS PHP MySQL Menggunakan Dreamweaver CS5, CS4, CS3 (Part 1)
- Membuat CMS PHP MySQL Menggunakan Dreamweaver CS5, CS4, CS3 (Part 2)
- Membuat CMS PHP MySQL Menggunakan Dreamweaver CS5, CS4, CS3 (Part 3)
- Membuat CMS PHP MySQL Menggunakan Dreamweaver CS5, CS4, CS3 (Part 4)
- Membuat CMS PHP MySQL Menggunakan Dreamweaver CS5, CS4, CS3 (Part 5)
- Membuat CMS PHP MySQL Menggunakan Dreamweaver CS5, CS4, CS3 (Part 6)
- Membuat CMS PHP MySQL Menggunakan Dreamweaver CS5, CS4, CS3 (Part 7)
- Membuat CMS PHP MySQL Menggunakan Dreamweaver CS5, CS4, CS3 (Part 8.)
- Membuat CMS PHP MySQL Menggunakan Dreamweaver CS5, CS4, CS3 (Part 9)
- Membuat CMS PHP MySQL Menggunakan Dreamweaver CS5, CS4, CS3 (Part 10)
- Membuat CMS PHP MySQL Menggunakan Dreamweaver CS5, CS4, CS3 (Part 11)
- Membuat CMS PHP MySQL Menggunakan Dreamweaver CS5, CS4, CS3 (Part 12)
- Source code Tutorial CMS Dreamweaver Part 12
TinyMCE adalah salah satu teks editor yang cukup banyak digunakan dalam proses pembuatan website, utamanya terkait dengan penggunaan form textarea. Nah, dalam tutorial ini Anda akan belajar menambahkan fasilitas teks editor tersebut ke dalam aplikasi yang telah Anda buat sampai Part 12 (silakan baca: Membuat CMS PHP MySQL Menggunakan Dreamweaver CS5, CS4, CS3 (Part 12).
Mendownload TinyMCE
Aplikasi text editor dapat Anda download secara langsung di http://www.tinymce.com/download/download.php. Anda bisa mendownload versi TinyMCE 4.0.16 development package. Silakan download langsung di http://download.moxiecode.com/tinymce/tinymce_4.0.16_dev.zip.
Langkah persiapan TinyMCE
Setelah mendownload TinyMCE, berikut langkah-langkah persiapannya:
- Copy file tinymce_4.0.16_dev.zip tersebut ke dalam folder admin. Pilih Extract Here.
- Ekstrak file tersebut di dalam folder admin
- Langkah persiapan telah selesai
Menginstall TinyMCE di form tambah berita (add-news.php dan edit-news.php)
Langkah selanjutnya adalah installasi TinyMCE yang telah Anda download.
- Buka file add-news.php dengan Dreamweaver Anda
- Sebelum kode </head> (penutup head), berada di sekitar baris 170, tekan Enter sebanyak tiga kali. Untuk lebih jelasnya lihat gambar di atas
- Tambahkan kode berikut ini:
<script src="tinymce/js/tinymce/tinymce.min.js"></script> <script> tinymce.init({selector:'textarea'}); </script>
- Simpan kembali file add-news.php
- Lakukan pengetesan melalui browser Anda. Hasil akhir bisa dilihat pada gambar di bawah ini.
Langkah selanjutnya, dengan cara yang sama Anda dapat menambahkan fasilitas teks editor TinyMCE ini di halaman edit-news.php.
Anda telah berhasil menginstall TinyMCE sebagai teks editor di website Anda.
Wah! Yang ini tuny’a bagus, pak..mantap!
Haha… sedot saja…
hwj
bisa upload gambar ga text editornya
Ga bisa mas. Kalau mau silakan baca tutorial yang ini: http://javawebmedia.com/blog/aplikasi-form-berita-installasi-ckeditor-dan-kcfinder-text-editor-wysiwyg-dan-file-manager/
tutorialnya bagus, buku /ebook nya ada (dijual) gak?
Mas,,,
saya minta tutorial untuk menambah fasilitas upload dan download dong,,
udah ada blom,,???
halo kak, mau tanya nih kan di bagian berita msih pke kyk view.php?=id bla bla kalo mau pke clean url gmn cara implikasinya thanks.
Sayangnya mas mesti membuatnya secara manual plus bantuan HTACESS
thankyou bgt tutornya…
ane modif2 source codenya smpe bisa nampilin gambar…
edit gambar juga
smpe chatting
komplit bgt
klo kurang masih bisa diutak atik lagi cssnyaa
Alhamdulillah…akhirnya ada yang bisa memakai tutorialnya yah… Hehe…
saya mau berguru via online bisa ngak mas? mohon di balas soal nya saya sama sekali blank dan saya posisi saya di medan mas. terima kasih .
Min, cara buat script untuk php seperti :
Selamat datang “Nama username yang login” anda telah login sebagai ” Nama user yang login “.
Caranya gimana ya min ? Help me, min
Mas mau tanya, kalo buat xml sitemapnya yang dinamik gmna ya? untuk didaftar kan di webmaster google ?
Terima Kasih gan. bermanfaat banget buat saya/
mas tolong di rply ya .. saya sdh berhasil mulus jaya .. dan saya sdh kembangkan sendri termasuk templatenya .. skarng sya mw tnya mas .. gmna klau saya mw membuat bnyak user yg bisa mengupload berita .. tapi setiap filenya cuman bisa diliat dan diedit oleh penulis masing” gimna ya ????
dicoba
Informasi ini menarik