Cara Menambahkan Gambar ke Dalam Artikel di Drupal

Salah satu cara sederhana yang bisa digunakan untuk menambahkan gambar kedalam artikel yang akan kita buat adalah dengan menggunakan bantuan teks editor, salah satu teks editor favorite Saya adalah CKEditor. Untuk instalasi dan konfigurasi CKEditor bisa Anda pelajari pada artikel berikut : Menambahkan Teks Editor Baru di CMS Drupal.

Disini Saya menggunakan Drupal 7.43 dengan teks Editor CKEditor, Saya sendiri sebenarnya kurang begitu paham dengan masalah ini, tapi bagi Saya yang masih awam dengan drupal, Saya agak sedikit kesulitan ketika ingin menambahkan/menyisipkan gambar kedalam artikel yang akan Saya buat, di CKEditor memang ada tombol/icon yang berfungsi untuk menambahkan gambar, tapi yang Saya tahu kita hanya bisa menyisipkan gambar menggunakan alamat url tertentu atau semacam link ke gambar tertentu, jadi Saya agak kesulitan untuk mengupload gambar dari local drive/hardisk secara langsung

Untuk mengatasi hal tersebut kita bisa menggunakan IMCE, ini Saya sebut sebagai Module Tambahan Untuk CKEditor Drupal. Dengan menggunakan IMCE kita bisa dengan mudah menambahkan gambar kedalam artikel.

Instalasi dan Konfigurasi IMCE

1. Download terlebih dahulu IMCE di https://www.drupal.org/project/imce
 
Jendela menambahkan gambar default CKEditor

2. Selanjutnya masuk ke halaman administrasi
3. Klik Module, install New Module kemudian aktifkan module tersebut dan 
   klik save
4. Selanjutnya masuk klik Configuration > CKEditor. Akan muncul jendela
    berikut 
Halaman Konfigurasi CKEditor

5. Pada bagian Full HTML klik edit. Nanti selanjutnya akan muncul tampilan 
    berikut 
Konfigurasi  Editor Apperrance CKEditor

6. Klik Editor Apperance. Scroll ke bawah, kemudian pada available button 
    terdapat dua icon berwarna, drag dua icon tersebut ke bagian current
    toolbar.
 
Konfigurasi Toolbar CKEditor dengan IMCE

7. Selanjutnya scroll lagi ke bawah, pada bagian Plugins, centang bagian
   “Plugin for inserting files from IMCE without image dialog 
 
Konfiguras Plugins IMCE


8. Selanjutnya scroll lagi kebawah, Klik “FILE BROWSER SETTINGS”, pada file
    bwrowser type pilih IMCE 
 
File Browser settings CKEditor


9. Terakhir klik Save 
 
Kemudian untuk Cara Menambahkan Gambar ke Dalam Artikel di Drupal adalah sebagai berikut : 

1. Sekarang coba test atau cek, buatlah sebuah artikel, klik Content > add
     content > artickel
2. Pada bagian text format arahkan ke full HTML, jika berhasil nanti akan 
    ada  icon IMCE di toolbar CKEditor seperti pada gambar berikut : 
 
Menmabhakan Gambar Menggunakan IMCE
 
 
3. Untuk menambahkan gambar kedalam artikel, Anda cukup klik icon IMCE 
    yang ada di toolbar, kemudian cari gambar yang ingin Anda masukan ke 
    dalam artikel

4. Supaya pada saat Anda menambahkan content baru text formatnya 
    langsung menjadi full HTML Anda bisa masuk klik menu Configuration >
    Text Format 
 
Configuration Full HTML CKEditor

5. Selanjutnya Anda tinggal lakukan drag, dan membuat posisi Full HTML 
    jadi diatas.

6. Coba buat lagi konten artikel baru, nanti text formatnya akan langsung
    menjadi Full HTML

Untuk Drupal 8, Saya rasa Anda sudah tidak perlu lagi menambahkan Plugins ini lagi karena   beberapa fungsi seperti upload gambar kedalam artikel sudah di masukan kedalam 
text editor drupal 8




1 Response to "Cara Menambahkan Gambar ke Dalam Artikel di Drupal "

  1. Saya masih belum nguasai nih tentang drupal minta tipsnya ya mas.

    ReplyDelete

Silahkan untuk meninggalkan komentar, santai saja dan mulailah berkomentar...