Cara memasang tinymce pada website

Tinymce merupakan sebuah plugin untuk memanipulasi textarea yang kita buat dengan HTML menjadi sebuah text editor sehingga memudahkan user untuk memanipulasi text yang akan diinputkannya ke dalam sebuah website. Tinymce sudah diterapkan pada CMS joomla yang biasanya untuk post sebuah article.  Cara memasangnya cukup sederhana.

1. Kita download telebih dahulu pluginnya di link ini http://www.mediafire.com/download/3c5sb7qhs71uis8/tinymce.zip

2. Buatlah sebuah folder dan tempatkan hasil download tadi di folder tersebut kemudian extract.

3. Kemudian kita mulai mengetikkan perintah HTMLnya sebagai berikut :

<html>

<title>Tutorial Menggunakan TinyMCE di dalam web PHP</title>

<head>

</head>

<body>

                <table>

                 <tr>

                                 <td>Judul</td>

                                                 <td>:</td>

                                 <td><input type="text" name="Judul"></td>

                 </tr>

                 <tr>

                                 <td>Kategori</td>

                                                  <td>:</td>

                                 <td><input type="text" name="Kategori"></td>

                 </tr>

                 <tr>

                                <td>Deskripsi Artikel</td>

                                                  <td>:</td>

                                 <td><textarea name="Deskripsi Artikel"></textarea></td>

                 </tr>

                </table>

</body>

</html>

4. Langkah selanjutnya kita sisipkan file js yang kita download tadi sehingga filenya menjadi  seperti ini :

<html>

<title>Tutorial Menggunakan TinyMCE di dalam web PHP</title>

<head>

<script type="text/javascript" src="tinymce/tiny_mce.js"></script>

<script type="text/javascript">

tinyMCE.init({

// General options

mode : "textareas",

theme : "advanced",

});

</script>

</head>

<body>

                <table>

                 <tr>

                                 <td>Judul</td>

                                                 <td>:</td>

                                 <td><input type="text" name="Judul"></td>

                 </tr>

                 <tr>

                                 <td>Kategori</td>

                                                  <td>:</td>

                                 <td><input type="text" name="Kategori"></td>

                 </tr>

                 <tr>

                                <td>Deskripsi Artikel</td>

                                                  <td>:</td>

                                 <td><textarea name="Deskripsi Artikel"></textarea></td>

                 </tr>

                </table>

</body>

</html>

5. Coba teman-teman save didalam folder yang kita buat tadi dan sejajar dengan folder hasil extract tinymce.

Note :  pada bagian <script type="text/javascript" src="tinymce/tiny_mce.js"></script> , “tinymce” sesuaikan dengan nama folder teman-teman.