Cara Mudah Install Tiny MCE Pada Laravel Mix

• Maulana Saputra
• 24 Feb 2021 - php | Laravel
• https://laracasts.com/discuss/channels/javascript/how-can-i-use-tinymce-with-laravel-mix

1. Menambahkan Depedency Tiny MCE

Di sini kita perlu menginstall depedency pada node module.

npm install tinymce

2. Menambahkan Script Generate

Pada langkah ini menambahkan script untuk generate app.js pada resources/js/app.js.

require('tinymce');
require('tinymce/themes/silver');

Copy file ke public mix js dengan menambahkan script copy pada node_modules/laravel-mix/setup/webpack.mix.js.

mix.copy('node_modules/tinymce/icons', 'public/js/icons');
mix.copy('node_modules/tinymce/plugins', 'public/js/plugins');
mix.copy('node_modules/tinymce/skins', 'public/js/skins');
mix.copy('node_modules/tinymce/themes', 'public/js/themes');

Generate tiny mce dengan menjalankan perintah.

Development

npm run watch/dev

Production

npm run prod

Catatan

• jika pada saat generate folder di atas tidak tercopy ke public/js, maka bisa kalian copy manual dari node_modules/tinymce ke dalam public/js.
• jika tiny mce versi 4 ke bawah pada app.js bisa kalian ganti theme nya seperti di bawah.

   require('tinymce/themes/modern');
  

Sekian untuk kali ini semoga bermanfaat :D untuk lebih lanjut bisa kunjungi link tersebut.