Cara Install Plugin Emoticon Pada Form Komentar

Cara Install Plugin Emoticon Pada Form Komentar

Untuk melengkapi kebutuhan teman-teman pengembang web dan untuk menanggapi reques dari seorang rekan, berikut saya akan memberikan tutorial tentang bagaimana menambahkan atau cara menginstall plugin emoticons pada form komentar.

Installasi plugin emoticon dilakukan dengan penggunaan editor tinymce pada form komentar dan menonaktifkan beberapa plugin untuk menjaga keamanan website terkait. Beberapa kegagalan dan error saya hadapi sebelum akhirnya berhasil menambahkan emoticon pada form komentar.

Jadi jika dalam melakukan installasi nanti anda menemukan kegagalan, jangan ragu untuk menanyakan dan membahas kegagalan yang anda hadapi melalui form komentar.

Saya berharap dapat memberikan tutorial dengan metode dan langkah-langkah yang tepat, sehingga anda dapat dengan mudah untuk menerima apa yang saya sampaikan. Karena begitu banyaknya kegagalan yang saya hadapi saat mencoba melakukan installasi emoticon pada formulir komentar ini.

Berikut adalah Cara Install Plugin Emoticon Pada Form Komentar

1. Silahkan copy dan tempel script kode dibawah ini pada root_dir/po-content/themes/theme_active/index.php diatas tag body penutub.
   
   

   <script type="text/javascript" src="../<?=DIR_INC;?>/js/tinymce/tinymce.min.js"></script>
   <script type="text/javascript">
     tinymce.init({
       selector: 'textarea.form-control',
       editor_deselector : "mceNoEditor",
       skin: "lightgray",
       content_css : "<?=WEB_URL.DIR_INC;?>/css/bootstrap.min.css,<?=WEB_URL.DIR_INC;?>/css/font-awesome.min.css",
       plugins: [
         "emoticons textcolor codesample",
       ],
       menubar : false,
       toolbar: "| forecolor backcolor | codesample emoticons ",
       image_advtab: false,
       fontsize_formats: "8px 10px 12px 14px 18px 24px 36px",
       relative_urls: false,
       remove_script_host: false,
       //external_filemanager_path: "../<?=DIR_INC;?>/js/filemanager/",
       //filemanager_title: "File Manager",
       //external_plugins: {
       //  "filemanager" : "<?=WEB_URL.DIR_INC;?>/js/filemanager/plugin.min.js"
       //},
       //codemirror: {
       //  indentOnInit: true,
       //  path: "<?=WEB_URL.DIR_INC;?>/js/codemirror"
       //}
     });
   </script>

2. Untuk mengurangi atau menambahkan plugin silahkan tambahkan atau hapus nama plugin pada baris "plugin" dan "toolbar".
3. Simpan perubahan yang baru saja anda buat lalu lihat hasilnya pada form komentar.

Jika mengalami kesulitan atau kegagalan diskusikan melalui form komentar, mudah-mudahan tutorial ini dapat membantu. Terimakasih atas ketersediaan anda berbagi artikel ini.