Mengatasi Masalah CKEditor dan Animsition Pada Templates CoolAdmin



Mengatasi Masalah CKEditor dan Animsition Pada Templates CoolAdmin
Beberapa waktu yang lalu saya mengalami masalah dimana saya menemukan perilaku yang aneh pada ckeditor yang saya tambahkan pada templates cooladmin. Maksud perilaku yang aneh disini adalah ketika saya mecoba mengklik salah satu icon / button yang ada di tool bar ckeditor, halam web seperti membacanya sebagai sebuah link sehingga saya selalu mendapatkan error 404 ketika salah satu icon ckeditor di klik.  

Setelah diperiksa ternyata hal ini disebabkan oleh plugins Animsition, saya menyadarinya ketika saya mencoba menghapus plugins tersebut. Kendati demikian, hal ini bagi saya bukan solusi, karena saya membutuhkannya untuk membuat loading halaman terlihat lebih lembut, dan akhirnya saya menemukan cara bagaimana mengatasi masalah tersebut dengan cara – cara berikut ini.
  1. Masuk ke folder vendor/js lalu edit file main.js
  2. Pada line 1211 tepatnya pada bagian linkelement, Anda bisa menambahkan id/class ckeditor supaya tidak dibatasi / tidak di eksekusi oleh Animsition
     linkElement: 'a:not([target="_blank"]):not([href^="#"]):not([class^="chosen-single"])',
  3. Dalam contoh kasus ini saya tidak menambahkan id, melainkan class, karena id yang ada di toolbar icon ckeditor berbeda – beda
  4. Sehingga nanti linkelement yang ada bisa terlihat dengan script berikut
    linkElement: 'a:not([target="_blank"]):not([href^="#"]):not([class^="chosen-single"]):not([class^="cke_button"])',
Menurut saya, Plugins tersebut membaca icon pada toolbar ckeditor sebagai sebuah link sehingga hal tersebutlah yang membuat saya selalu diarahkan ke halaman error 404. Dengan menambahkan class/ id untuk dibatasi pada plugins animsition, maka masalah ini bisa diatasi.



Related Posts :

5 Responses to "Mengatasi Masalah CKEditor dan Animsition Pada Templates CoolAdmin"

  1. Mantul, gan. Ternyata hanya di tambahkan : :not([class^="cke_button"])',

    ReplyDelete
  2. Permasalahan cukup besar yang bisa diselesaikan dengan begitu saja....
    Sering bikin kita yang baru tahu bilang "Oala....begitu"

    ReplyDelete
  3. Sekalian bisa belajar istilah pemrograman nih, lumayan nambah ilmu

    ReplyDelete
  4. Kurang paham kalo masalah bahasa pemrograman website, tapi makasih banyak infonya kang, siapa tahu di masa depan butuh info tersebut.

    ReplyDelete
  5. lama enggak kemari
    saya simpan dulu makasih sharingnya mas...

    ReplyDelete

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