Pertama buat dahulu sebuah file html nya dulu. Bisa langsung copas saja kode berikut ini:
<html>
<title>Memasang Editor Teks TinyMCE di Textarea PHP</title>
<head></head>
<body>
<table>
<tr>
<td>Judul</td>
<td>:</td>
<td><input type="text" name="judul"></td>
</tr>
<tr>
<td>subjudul</td>
<td>:</td>
<td><input type="text" name="subjudul"></td>
</tr>
<tr>
<td>Artikel</td>
<td>:</td>
<td><textarea name="artikel"></textarea></td>
</tr>
</table>
</body>
</html>
Hasil dari kode di atas bisa lihat di bawah ini:
Sebelum memasang editor teks TinyMCE di textarea, kalian download dahulu source kode dari TinyMCEdisini. Kalau sudah di download, ekstrak file tersebut dalam satu folder dengan file htmlnya. Jika sudah tambahkan kode di bawah ini di bawah kode <head>
<head>
<script type="text/javascript" src="tinymce/jscripts/tiny_mce/tiny_mce.js"></script>
<script type="text/javascript">
tinyMCE.init({
// General options
mode : "textareas",
theme : "advanced",
});
</script>
</head>
Paling tidak hasilnya akan seperti ini jika digabungkan dengan file html yang atas tadi.
<head>
<html>
<title>Tutorial Menambah TinyMCE kedalam PHP</title>
<head>
<script type="text/javascript" src="tinymce/jscripts/tiny_mce/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>subjudul</td>
<td>:</td>
<td><input type="text" name="subjudul"></td>
</tr>
<tr>
<td>Artikel</td>
<td>:</td>
<td><textarea name="artikel"></textarea></td>
</tr>
</table>
</body>
</html>
Hasil dari file html di atas adalah sebagai berikut:
Selamat mencoba dan Semoga Bermanfaat ^^
Tidak ada komentar:
Posting Komentar