Menambah Fitur Tabel di Editor WYSIWYG Wordpress
Ok, kamu udah punya blog dan sepertinya ada yang kurang. Mungkin buat kamu yang hanya menulis biasa saja ngga ada masalah. Masalah terjadi jika kamu menggunakan Wordpress sebagai content management system (CMS). Membuat tabel seperti mimpi buruk. Untunglah jika sudah dibuat di OpenOffice.org Writer atau Microsoft Word, tabel tersebut dapat disalin lalu dipaste di editor WYSIWYG Wordpress.
Nah masalahnya, bagaimana cara menyisip dan memanipulasi tabel seperti menyisip dan mengedit tabel di aplikasi word processor? Jawabnya gampang! Pakai plugin untuk editor.
Sebagaimana diketahui, Wordpress menggunakan TinyMCE sebagai editor WYSIWYG-nya dan versi yang dipakai pun khusus, yaitu versi 2.0RC4.
Untuk menambahkan plugin tabel ke dalam TinyMCE, kamu mesti mendownload TinyMCE versi 2.0RC4 itu di sini. Setelah didownload, ekstrak lalu cari folder jscripts/tiny_mce/plugins. Salin direktori table ke direktori wordpress kamu di wp-includes/js/tinymce/plugins.
Sekarang tibalah saatnya untuk mengaktifkan plugin tabel TinyMCE sebagai berikut:
- Buka file tiny_mce_gzip.php (untuk versi 2.0.x) atau tiny_mce_config.php (untuk versi 2.1.x) yang ada di direktori wp-includes/js/tinymce.
- Edit lalu temukan kode berikut:
$plugins = apply_filters('mce_plugins', array('wordpress', 'autosave','wphelp'));lalu tambahkan plugin table
$plugins = apply_filters('mce_plugins', array('wordpress', 'autosave','wphelp','table')); - Pada contoh ini, saya menyisipkan tombol-tombol tabel di baris atau toolbar kedua, cari baris berikut ini:
$mce_buttons_2 = apply_filters('mce_buttons_2', array());ubah sehingga menjadi:
$mce_buttons_2 = apply_filters('mce_buttons_2', array('tablecontrols'));
Coba buka blog kamu dan memulai posting baru, jika prosedurnya benar, kamu akan melihat tombol untuk menyisip tabel, baris, kolom dsb di toolbar kedua.
Happy hacking!
Anonymous 6:54 pm on November 3, 2007 | #
Need Help
Halo mas !
Perkenalkan nama saya Tommy dari bandung mas,
Saya mau minta tolong.
Saya punya ketertarikan yang lumayan besar dalam soal pembuatan website,tapi karena pada dasarnya saya tidak memiliki background pemograman,jadi yang saya bisa paling ngutak-ngatik html,itu juga terbatas karena keseharian saya kerja.
Sampai suatu hari teman saya meminta saya tuk membuatkan website,yang mana dia bisa merubah contentnya tampa harus melewati tag-tag html.
Ahirnya dengan memaksakan belajar PHP & Mysql saya mencoba membuat CMS kecil-kecilan.Ahirnya dengan bersusah payah saya bisa menapilkan data base dalam html (harap dimaklum,soalnya saya tidak sepintar mas).
Masalah baru pun timbul,yaitu tag htmlnya juga ikut muncul.Ahirnya setelah cari2 tahu,sampailah saya pada yang namanya Javascript WYSIWYG editor.Waduh,javascript walaupun sering denger tapi barang baru tuk saya.
Setelah mengcopy script yang saya temui di sbuah website,dan memasangnya pada script PHP yang saya buat,dan hasilnya isi database tampil tanpa tag htmlnya dan juga bisa diedit,saya senangnya bukan main.Tapi senang saya tidak lama,karena isi database tersebut tidak bisa menupdate database.
Saya mohon sekali pertolongannya,karena hal ini menggannggu pikiran saya,seperti gatal yang pingin digaruk.
Keadaannya adalah saya memiliki satu tabel bernama pemasaran yang mempunyai 2 field, KODE dan DATA. Berikut scriptnya.(Sebelumnya ada sebuah halaman yang mengirimkan $kodedata ke halaman dibawah ini)
< ?
require("koneksi.php");
mysql_select_db($db, $koneksi);
if (!$simpan)
{
if (!$kodedata) { die('Tidak ada pemasaran yang dipilih untuk diedit!'); }
$query = "SELECT * FROM pemasaran WHERE KODE='$kodedata'";
$hasil = mysql_query($query) or die('Kesalahan pada proses query!');
$jml_rec = mysql_num_rows($hasil);
if (!($jml_rec>0)) { die(’Data tidak ditemukan!’); }
list($kode,$data) = mysql_fetch_row($hasil);
?>