Artikel tutorial ini berkenaan cara-cara untuk memasang modul penyunting editor HTML WYSIWYG (apa yang anda lihat adalah apa yang anda dapatkan) di Drupal 7.



Editor WYSIWYG, Pictures upload dan Lightbox dalam Drupal 7-9696



  1. Bina satu folder baru dipanggil "libraries" dalam sites/all folder.

  2. Muat turun Colorbox (versi 1.3.19).

  3. Unzip modul Colorbox dan muat naik di folder sites\all\libraries.

  4. Muat turun CKEditor (versi 3.6.4).

  5. Unzip CKEditor dan muat naik ke folder sites\all\libraries.

  6. Muat turun untuk Drupal 7 modul Colorbox (versi 1.3).

  7. Muat turun untuk Drupal 7 modul WYSIWYG (versi 2.1).

  8. Muat turun untuk Drupal 7 modul Insert (versi 1.1).

  9. Muat naik modul (Colorbox, WYSIWYG, Insert) di folder sites\all\modules.
    Editor WYSIWYG, Pictures upload dan Lightbox dalam Drupal 7-9697

  10. Sekarang pergi ke sites\all turutan folder seperti dalam gambar.

  11. Sambung ke laman web anda sebagai Pentadbir dan pergi ke kawasan Konfigurasi.

  12. Aktifkan Colorbox, WYSIWYG, dan modul Insert dibahagian Modul.
    Editor WYSIWYG, Pictures upload dan Lightbox dalam Drupal 7-9698

  13. Pergi ke Configuration > Edit bahagian "WYSIWYG profiles".
    Editor WYSIWYG, Pictures upload dan Lightbox dalam Drupal 7-9699

  14. Klik pautan "Edit" dan tetapkan CKEditor kepada Full HTML.
    Editor WYSIWYG, Pictures upload dan Lightbox dalam Drupal 7-9700

  15. Klik pautan "Edit" dan pilih butang yang anda mahu untuk digunakan pada CKEditor anda.
    Editor WYSIWYG, Pictures upload dan Lightbox dalam Drupal 7-9701

  16. Pergi ke menu Structure dan pilih Content types.
    Editor WYSIWYG, Pictures upload dan Lightbox dalam Drupal 7-9703

  17. Klik Manage Fields untuk jenis kandungan Articles.
    Editor WYSIWYG, Pictures upload dan Lightbox dalam Drupal 7-9704

  18. Bina satu medan baru "type: Image" dan "Widget: Image".
    Editor WYSIWYG, Pictures upload dan Lightbox dalam Drupal 7-9705

  19. Seterusnya biarkan tetapan dalam keadaan "Default" dan "Save".
    Editor WYSIWYG, Pictures upload dan Lightbox dalam Drupal 7-9706

  20. Dalam bahagian modul Insert pilih seperti dalam gambar
    Editor WYSIWYG, Pictures upload dan Lightbox dalam Drupal 7-9707
    Editor WYSIWYG, Pictures upload dan Lightbox dalam Drupal 7-9708

  21. Dalam bahagian Manage Display pilih "Hidden"
    Editor WYSIWYG, Pictures upload dan Lightbox dalam Drupal 7-9709

  22. Sekarang apabila anda mencipta artikel baru pastikan anda menetapkan format teks CKEditor kepada Full HTML.Editor WYSIWYG, Pictures upload dan Lightbox dalam Drupal 7-9710

  23. Di bawah editor akan terdapat butang "Insert". Klik pada butang tersebut dengan meletakkan kursor pada bahagian kandungan yang ingin dimasukkan elemen gambar.
    Editor WYSIWYG, Pictures upload dan Lightbox dalam Drupal 7-9711

  24. Apabila anda klik pada thumbnail gambar dipaparkan dengan kesan Lightbox.
    Editor WYSIWYG, Pictures upload dan Lightbox dalam Drupal 7-9712
Penilaian: 
Average: 5 (1 vote)