Mempercantik text area dengan TinyMce

Text Area biasa saja jadul banget, saya akan mencoba memodifikasi text area dengan TinyMce supaya keliatan keren dan juga memudahkan user untuk edit text dan menambahkan berbagi icon

Step 1.

Masukan di htdocs komponen TinyMCEanda bisa download di TinyMce

Step 2.

Untuk menampilkan kode TinyMCE seperti diatas sebelum kode </head> tambahkan kode dibawah ini

<!-- tinyMCE --> <script language="javascript" type="text/javascript" src="tiny_mce/tiny_mce.js"></script> <script language="javascript" type="text/javascript" src="tiny_mce/themes/basic/editor_template.js"></script> <script language="javascript" type="text/javascript" src="tiny_mce/themes/basic/editor_template_src.js"></script> <script language="javascript" type="text/javascript"> <!-- tinyMCE.init({ mode : "textareas", theme : "basic", language : "indonesian", editor_css : "tiny_mce/themes/basic/editor_ui.css", force_p_newlines: "false", force_br_newlines: "true" }); </script> <!-- akhir tinyMCE -->  

Hasilnya

Semoga Bermanfaat jika anda ingin memperdalam atau bingung dengan materi ini silakan mendaftarkan diri dengan mengisi Formulir Online