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.

1 Maret 2015

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat