Pengen Punya WebSite instan kualitas intan ?

Thursday, March 10, 2011

Install TinyMCE pada Drupal 7

Tidak seperti CMS lainnya, drupal tidak dilengkapi WYSIWYG editor. WYSIWYG merupakan kependekan dari What You See Is What You Get . Jadi ketika menulis konten tidak terdapat fasilitas ini, kita diharuskan belajar dan menghafal tag-tag html untuk menulis konten. Suatu kelebihan dan sekaligus kekurangan drupal. Kelebihannya kita jadi lebih familiar dengan html, tapi di sisi lain membuat kita harus mengetik lebih banyak dan sebagian orang ada yang lebih konsen pada konten dari pada hal-hal yang merepotkan seperti itu.

Untungnya tersedia modul-modul WYSIWYG editor drupal yang mengatasi masalah diatas. Sebut saja TinyMCE, CKeditor, FCKeditor, Whizzywig dan lain-lain. Semua memiliki kelebihan dan kekurangan. Kali ini saya mencoba untuk tinyMCE.

Hohoho....pantesan aja, waktu selesai installasi mencoba posting awal dahiku mengkerut. Wahakkakak bingung juga sih, ni ko' polosan kayak gini ya? he hehe ternyata ada module-module yang perlu diaktifkan secara manual dan karena saya ndak familier dengan ni CMS makannya dah bingung. Setelah join ke forum drupal-id.org dan jalan-jalan eh sedikit paham deh.. :)


  1. Login ke halaman admin Drupal,
  2. Pada drupal 7, di atas terlihat ada beberapa tabs menu, pilih Modules,
  3. Secara default, module wysiwyg belum terinstall, jadi harus install terlebih dahulu. Klik link install new module.
  4. Selanjutnya akan dihadapkan dua metode install, yaitu Install from a URL dan Upload a module or theme archive to instal. Jika dari url tinggal mengisikan alamat url untuk module, dan jika memilih upload, tinggal browse dan mengarahkan ke module wysiwyg yang sudah didownload sebelumnya dan disimpan di local komputer. (module wysiwyg bisa didownload dari situs drupal).
  5. Jika selesai mengisikan, klik tombol install dan tunggu ada notify Installation was completed successfully.
  6. Setelah itu, kembali lagi ke halaman modules dan cari wysiwyg, beri centang pada sebelah kirinya dan klik tombol Save configuration di bawah.
  7. Klik tab Configuration yang ada di deretan atas, klik menu Wysiwyg profiles (terdapat pada bagian CONTENT AUTHORING),
  8. Klik INSTALLATION INSTRUCTUIONS, maka akan terlihat macam-macam text editor. Di situ disertai link download beserta penjelasan step by step installation pada module yang Not Installed. Misalnya TinyMCE
    Extract the archive and copy its contents into a new folder in the following location: sites/all/libraries/tinymce , So the actual library can be found at: sites/all/libraries/tinymce/jscripts/tiny_mce/tiny_mce.js 
  9. Jadi harus download terlebih dahulu tinymce dari link download yang disediakan dan menguploadnya pada direktory seperti yang diinstruksikan.
  10. Jika sudah, kembali ke tab Configuration. INPUT FORMAT pilih Full HTML, EDITOR pilih TinyMCE.
  11. Untuk settingan TinyMCE, seperti tombol apa saja yang terlihat, appearance, etc. klik link Edit pada bagian OPERATION.

2 comments:

Josh said...

thanks for article...really helpful due regard We plan to move to drupal 7...warm regards...

mas itang said...

makasih infonya gan,,, sangat bermanfaat buat tambah2 ilmu
www.ji-software.com

Post a Comment