TinyMCE
Masih dalam rangka belajar ini-itu, tentu saja, amunisi yang dicari adalah CMS (Content Management System) yang Apa Yang Kamu Lihat Itu yang bikin kamu gak bisa tidur (What You See Is What You Get/ WYSIWYG). TinyMCE yang lama populer karna digunakan WordPress, jadi pilihan saya.
Karna lama populer, sebetulnya sudah sangat terlambat membahas ini. Tapi kata teman yang cantik, “tidak ada kata terlambat buat belajar”. Artinya, walau pelajaran mulai jam 8.00, datang jam 9.00 pun tidak apa-apa…tidak ada kata terlambat.
Jadilah, saya belajar TinyMCE ini.
Menempatkan CMS ini, intinya :
Menaruh folder tinymce hasil ekstrak dari donlud, pada folder yang sama dengan tempat kita membuat website, tambahkan beberapa perintah. Udah, gitu aja.CMS dah tertampil.
Yuk, mari dilanjutkan :
2. Ekstrak (Ubuntu pake klik kanan=>ekstrak…biar mudah 
)
3. Hasilnya ada 2 folder :
- examples ; yang berisi contoh2 bagaimana integrasi dan penggunaan library TinyMCE ke dalam website.
- jscripts ; berisi library tinymce itu sendiri.Ada di folder jscripts/tiny_mce
4.Praktek :
*) Buat folder latihan
*) kopi-kan 1 folder jscripts/tiny_mce, yang dikopikan cukup 1 folder tiny_mce aja, gak sah folder jscript-nya…ke dalam folder latihan.
*) bikin file, misal di-save dengan nama latihan.html. Di simpan dalam folder latihan tadi. Sementara sih, buat pake gedit (editor-teks) sudah oke buat latihan ini.
misal :
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.1//EN” “http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml” dir=”ltr”>
<head>
<title>TinyMCE Test</title>
<meta http-equiv=”content-type” content=”text/html; charset=utf-8″/>
</head>
<body>
<form method=”post” action=”show.php”>
<strong>Silahkan Tulis Di sini :</strong>
<br />
<textarea name=”content”></textarea>
<br />
<input type=”submit” name=”submit” value=Save />
</form>
</body>
</html>
hasilnya seperti ini :
Lalu, coba ditambahkan tinymce diantara tag <head></head> :
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.1//EN” “http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml” dir=”ltr”>
<head>
<title>Latihan TinyMCE</title>
<meta http-equiv=”content-type” content=”text/html; charset=utf-8″/><!– TinyMCE nya –>
<script type=”text/javascript” src=”tiny_mce/tiny_mce.js”></script>
<script type=”text/javascript”>
tinyMCE.init({
theme : “advanced”,
mode : “textareas”,
plugins : “fullpage”,
theme_advanced_buttons3_add : “fullpage”
});
</script></head>
<body>
<form method=”post” action=”show.php”>
<strong>Silahkan Tulis Di sini :</strong>
<br />
<textarea name=”content”></textarea>
<br />
<input type=”submit” name=”submit” value=Save />
</form>
</body>
</html>
muncullah cms-nya :
*) Kalau mau toolbarnya diatas, tambahkan : “theme_advanced_toolbar_location : “top”"
seperti ini :
<!– TinyMCE nya –>
<script type=”text/javascript” src=”tiny_mce/tiny_mce.js”></script>
<script type=”text/javascript”>
tinyMCE.init({
theme : “advanced”,
mode : “textareas”,
plugins : “fullpage”,
theme_advanced_toolbar_location : “top”
});
</script>
jadinya :
Ragam konfigurasi tinymce dapat dilihat di wiki_tinymce_configiration.
Demikian.
(Masih banyak yang harus saya pelajari lagi).
Referensi :
1. Blog Wae
emm emmm *duh ga bisa ekting pinter nih, solanya g ngerti xixixiix*
kapan kapan pke yg dot org yak wotpress na
makasi kunjungannya
cebong ipiet
Juni 22, 2009
wah, tersanjung ada mbak IpietObong datang kesini *menjura*
yg beginian gak aq dot org mbak, biar pas kata Anang :
“kl kenapa2 dengan empunya blog, tulisannya masih lestari-bestari-ceria-abadi”
Pradna
Juni 22, 2009
owalaah enih blog personal tho…kekkeke …lah iyah samah…diriku tetep cebongipiet.blogspot.com whehehhe yg personal ndak bakal tak dot kom kan
cebong ipiet
Juni 22, 2009
eh menjura ki opo tho?
ngertiku tempura *ra adoh adoh soko panganan*
cebong ipiet
Juni 22, 2009
menjura ki sembah sungkem…
oh, ini sih blog gado-gado
*dadi ngelih, ono gado-gado lawuh tempura*
Pradna
Juni 22, 2009
gas pol!! budal!! njajal!!
senoaji
Juni 22, 2009
sep!
Pradna
Juni 22, 2009
Jujur wae aku nggak ngerti apa yang dibahas yang penting sudah berkunjung he he he sukses dan tetap semangat
ajengkol
Juni 22, 2009
makasih, mbak Ajeng…
soal gak ngerti…ya sama aja kok (rofl)
Pradna
Juni 22, 2009
Yoh..tak jajale..kang… alon wae ya…
Pingin Ngeblog
Juni 22, 2009
yo alon2 wae..
jo kesusu mundak kesikut
Pradna
Juni 22, 2009
top markotop memang aplikasi ini memudahkan dan sip banget…, cuman kalo kopi paste dari word kayaknya bubar… itu dulu pas masih make phpnuke ato postnuke entahlah kalo di WP…, tapi ngapain harus kopi paste dari word… wong langsung ae lebih fresh ya kan
suryaden
Juni 22, 2009
hehe…sepakat!
tapi emang kok, format Word gak bisa di-kopas begitu saja buwat cms beginian
Pradna
Juni 22, 2009
oooohhhh ngono toooo….
yo wis tak bingung sikik…
itempoeti
Juni 22, 2009
melu bingung..
superaman
Juni 22, 2009
waduh..aq pusing baca posting ini..
he3x..
makasih dukungannya
dukung lagi juga gpp
Stop Dreaming Start Action
annosmile
Juni 22, 2009
eh iya, lupa nge-tag, kang! (nepok_jidat)
ya udah ntar, dislesep-slesepke
Pradna
Juni 22, 2009
podo bingunge
Pradna
Juni 22, 2009
ini balasan komen buwat @itempoeti dan @superaman diatas…*salah pencet*
Pradna
Juni 22, 2009
wekekeke penggemar rupanya yah hehehe
sip sip
sukses selalu
genthokelir
Juni 24, 2009
wekeke…iyo penggemar, kang
makasiih… (worship)
Pradna
Juni 25, 2009
Beda platform nih….
Info menarik buat wepe-rs!
About Samarinda
Juni 24, 2009
anu…
ini bukan buat wp kok, kl wp mah udah default ada sendiri…
buwat kl yg mo bikin website sendiri,bisa masukin cms ini, biar serasa wp / Word
Pradna
Juni 25, 2009
aku koq melu bengong clingak clinguk…
omagus
Juni 24, 2009
brati akeh kancane…
Pradna
Juni 25, 2009
blass rak mudheng… pelajaranku belum nyampe situ… hehehe
cahsholeh
Juni 25, 2009
aq yo gek sinau,kang
pelajaranku…sampe sini, gak maju2
Pradna
Juni 25, 2009
Nek wong iki asline pinter…
marsudiyanto
Juni 28, 2009
ning nasibe mboten owah2
Pradna
Juni 29, 2009
waaaah.. bingung gaptek neee.. yang jelas Salam Cinta Damai dan Kasih Sayang
KangBoed
Juni 26, 2009
salam,KangBoed
Pradna
Juni 29, 2009
Aku sing paling rak mudeng diantara orang2 sebelum saya…
marsudiyanto
Juni 28, 2009
aku malah ra mudeng kata2 ini, Dhe
Pradna
Juni 29, 2009
wah terima kasih sdah bagi-bagi ilmu, sangat bermanfaat sekali, apalagi bagi saya yang masih belajar!
Sambengan
Juni 28, 2009
sama-sama belajar,
banyak yg belajar semakin asyik…
1 bingung banyak temennya yg nemenin bingung
Pradna
Juni 29, 2009
terima kasih mas, sudah memberikan ilmunya, sangat bermanfaat, ditunggu posting selanjutnya, diterusin ya, biar saya juga bisa!
Action
Juni 28, 2009
iyey!
yg penting stop dreaming start action, ya kang (rock)
Pradna
Juni 29, 2009
panggah ra mudeng… (doh)
itempoeti
Juni 28, 2009
yo wis di-enteni ae…mugo2 ono terusane
Pradna
Juni 29, 2009
item poeti sama sama gaptek juga yaaa
Salam Sayang
KangBoed
Juni 29, 2009
Terima kasih, sudah berbagi ilmu, ini sangat bermanfaat, diterusin ya, biar pembaca bisa mengambil manfaatnya!
Stop Dreaming Start Action
Juni 29, 2009