5 Plugin Editor Tinymce Yang Wajib Di Install

5 Plugin Editor Tinymce Yang Wajib Di Install

Untuk memenuhi kebutuhan para pengembang web dan para blogger, berikut ini saya tulis sebuah artikel tentang 5 Plugin Editor Tinymce Yang Wajib Di Install. 5 Plugin ini dapat mendukung dan mempermudah saat penulisan sebuah artikel atau konten.

5 Plugin Editor Tinymce Yang Wajib Di Install tersebut adalah:

1. Restore Last Draft atau Autosave; Plugin ini bahkan dapat menghindarkan kita dari hilangnya sebuah konten yang sedang kita tulis, saat terjadi hal yang tidak kita inginkan. Beberapa hal yang dapat membuat kita kehilangan konten yang sedang kita tulis diantaranya adalah: Berakhirnya sesion login, dan terputusnya jaringan internet.

Images 1.1 Autosave

 

2. Preview; Plugin ini memungkinkan anda untuk melihat hasil konten yang anda buat, sebelum akhirnya anda tayangkan.

Images 1.2 Preview Post

 

3. Searchreplace; Plugin ini dapat membantu anda untuk mencari dan merubah 'kata' atau 'atribut', dan 'tag'.

Images 1.3 Searchreplace

 

4. Wordcount; Plugin yang dapat menghitung kata yang sedang anda tuliskan saat membuat sebuah konten.

5. Charmap atau Special Character; Plugin ini memiliki atau menyediakan sejumlah karakter kusus yang mungkn anda butuhkan saat pembuatan konten.

Images 1.4 Charmap

 

Cara Install Plugin Editor Tinymce

Untuk melakukan installasi plugin pada Editor Tinymce, silahkan buka file admin.php pada root_dir/po-admin/admin.php, tambahkan nama plugin terkait pada baris 'Plugin' dan 'toolbar'. Sebagian plugin hanya cukup menambahkan nama plugin terkait pada baris 'plugin', kemudian tambahkan baris perintah dari plugin terkait.

Mungkin penyampaian saya kurang tepat, untuk itu silahkan perhatikan gambar dibawah ini:

Images 1.5 Tinymce Editor

 

1. Install plugin Restore Last Draft atau Autosave:

tinymce.init({
 selector: "textarea", // Sesuaikan selector anda
 plugin: "autosave"
 toolbar: "autosave"
});

2. Install plugin Preview

tinymce.init({
 selector: "textarea", // Sesuaikan selector anda
 plugin: "preview"
 toolbar: "preview"
});

3. Install plugin Searchreplace:

tinymce.init({
 selector: "textarea", // Sesuaikan selector anda
 plugin: "searchreplace"
 toolbar: "searchreplace"
});

4. Install plugin Wordcount:

tinymce.init({
 selector: "textarea", // Sesuaikan selector anda
 plugin: "wordcount"
 wordcount_countregex: /[wu2019x27-u00C0-u1FFF]+/g,
 wordcount_cleanregex: /[0-9.(),;:!?%#$?x27x22_+=/-]*/g,
});

5. Install plugin Charmap atau Special Character:

tinymce.init({
 selector: "textarea", // Sesuaikan selector anda
 plugin: "charmap"
 toolbar: "charmap"
});

Selain 5 Plugin diatas anda juga masih dapat menambahkan plugin lain, mungkin anda membutuhkan plugin datetime. Lakukan itu dengan cara yang sama.
Untuk dapat lebih jauh memahami tentang editor tinymce, anda dapat berkunjung ke situs resmi https://www.tinymce.com

Terimakasih telah berkunjung dan membaca artikel ini, tinggalkan komentar jika anda ingin menanyakan sesuatu tentang web developer khususnya terkait platform PopojiCms.