Instalasi Word Processor tinyMCE - WYSIWYG

Gw sekarng jadi semangat lagi input tutorial aapapun, kmaren2 memang agak males... tapi sekarng ada tmenna

mahap judulna rada panjang, biar mata om google jadi belekan ...

About tinyMCE

merupakan word processor (WYSIWYG = What You See is What You Get) terbaik nyang pernah gw temuin, alna gw liat dari fitur2 na oke banged....





sebelumna lu download dlu tinyMCE na di sini:
http://tinymce.moxiecode.com/download.php

pilih nyang ini: tinymce_3_1_0_1.zip (terbaru)

exract ke web root, tros ada baikna memperhatikan dlu beberapa hal di bawah ini:

buka folder examples/full.html

1. main code javascript MCE

Code:

dengan textarea name default =>> "elm"

2 terdapat 2 jenis theme dalam tinyMCE, advance dan simple

Code:

mode : "textareas", theme : "advanced", plugins : dst...

theme advacne: konfigurasi word processor na lebih lengkap, dan hampri semua atribut dalam pengolah word ada disini....

theme simple: tentuna lebih sederhana, dan letak icon word processorna cuma ada di bawah form

3. Mode penggunaan textarea

Code:

mode : "exact",

Code:

mode : "textareas",

Exact: digunakan kalo form yang akan di deteksi sebagai lokasi word processor jumlahnya 1

Textarea: kalo lu pengen semua textarea dalam halaman di jadikan sebagai lokasi word processor tinyMCE


sedangkan plugin bisa lu sesuaikan dengan kebutuhan lu dalam form... yaa misalna kalo form bwat artikel ccc musti lengkap semua plugin ditampilkan... tapi kalo cuman bwat komen, yaa plugin copy paste jangan di ikut sertakan, ntar gambar gambar dmana aja bisa lu paste dalam form

Code:

plugins : "safari,pagebreak,advhr,advimage,advlink,emotions,preview",

Beberapa masalah yang timbul saat uji coba instalasi:

1. penggunaan plugin LINK,

http://namadomain.com/index2.php akan diterjemahkan sebagai http://namadomain.com/\"http://namadomain.com/index2.php\"

solusinya:

gunakan script PHP dibawah ini:

Code:

$newsText = addslashes ($_POST['elm']); echo $VAR_HTML = stripslashes (stripslashes ($newsText));

2. Document Base URI

diperlukan kalo lu pengen ada penggunaan media internal kaya gambar dengan root ngambil dari URL base

Code:

document_base_url : "http://dremi.info/folderbase/",

woke... untuk sample penggunaan na silakan lanjut ke babak berikutna

Metode Searching - Multiple Keyword

Tutorial kali ini sebetulnya hanyalah pengembangan dari tutorial sebelumnya, Metode Searching Sederhana ( selengkapnya dapat dilihat di http://www.ilmuwebsite.com/detil_php_tutorial/16/Metode_Searching_Sederhana_v.1/ ). Setelah menerima masukkan dari salah satu staff ilmuwebsite, akhirnya saya mencoba untuk sedikit memoles beberapa bagian.

Penambahan-penambahan yang saya lakukan :

Multiple Searching, dengan kata lain, user dapat melakukan searching dengan multiple keyword.
Bold dan Highlight pada setiap keyword yang dicari.


Seperti biasa, dalam tutorial kali ini, saya hanya menjelaskan sedikit saja, karena sebagian besar telah dijelaskan pada tutorial sebelumnya.

Tetapi sebelumnya, yang kita butuhkan adalah sebuah database :

create database cms_db;
use cms_db;
create table cms_artikel (id int(3) primary key auto_increment, judul_artikel varchar(100), penulis_artikel varchar(70), isi_artikel text);

insert into cms_artikel values('','Ryuzaki...','Al-k','Pada dasarnya ryuzaki itu tidak ganteng :D');

insert into cms_artikel values('','Sejati...','Al-k','Kegantengan sejati pemilik ketampanan ... ');

insert into cms_artikel values('','Kegantengan Sejati','Al-k','Begitulah, kadang orang melihat seseorang hanya dari penampilannya saja. Sebagian besar mengatakan, semuanya kan berawal dari penampilan, penampilan yang baik membuktikan yang berpenampilannya memiliki hati seperti itu. Padahalkan nggak kaya gitu, iya nggak ? Jujur aja, dalam hal ini gw sama kaya loe, termasuk orang yang berpenampilan apa adanya, yang ada ya gw pake, kalo yang nggak ada, gw nggak akan pake. to be continued !!!');



// file config.php



$host = "localhost";
$username = "root";
$password = "";

$databasename = "cms_db";

$connect = mysql_connect($host, $username, $password) or die ("Nggak bisa konek !");
mysql_select_db($databasename, $connect) or die("Nggak bisa konek !");

?>

// dan script inti, index.php



// Searching Multiple Keyword

// ///////////////////////////////

// by : Loka Dwiartara a.k.a Al-k
// alkemail@gmail.com
// http://www.ilmuwebsite.com

// ///////////////////////////////

include "config.php";

$mode = $_REQUEST['mode'] ;
$id = $_REQUEST['id'];

// menghilangkan space di kiri dan kanannya
$search = trim($_POST['search']);

// memisahkan array perkata
$search_array = explode(" ",$search);
$banyak_kata = (integer)count($search_array);

// query looping, sehingga menghasilkan
// select * from cms_artikel where isi_artikel
// like '%$search_array[$x]%' AND isi_artikel like '%%'

$searchquery = "select * from cms_artikel where " ;

for ( $x = 0; $x<= $banyak_kata; $x++)
{

$searchquery .= "isi_artikel like '%$search_array[$x]%'";

if ( $x < $banyak_kata )
{

$searchquery .= " AND ";

}

}

$runsearchquery = mysql_query($searchquery);

$viewquery = "select * from cms_artikel where id = '$id'";
$runviewquery = mysql_query($viewquery);

if ($mode == "search" )
{

$numrows = mysql_num_rows($runsearchquery);

// memberikan highlight dan bold pada string yang dicari
// dengan looping sebanyak $banyak_kata

print "String yang anda cari : ";

for ( $x = 0; $x<= $banyak_kata; $x++)
{

$search_replace[$x] = "
$search_array[$x]";
print "$search_replace[$x] ";

}

print "
Data yang anda cari, ada dalam database sebanyak : $numrows

---

" ;

while ( $result = mysql_fetch_array($runsearchquery))
{

$id = $result['id'];
$judul = $result['judul_artikel'] ;
$isi = $result['isi_artikel'];

// memberikan highlight dan bold pada setiap kata yang dicari
$isi_baru = str_replace($search_array, $search_replace, $isi);

$isi_display = substr($isi_baru, 0, 800);
$isi_display = substr($isi_baru, 0, strrpos($isi_display, " "));

print "$judul
$isi_display ...

";

}

print "

---

Kembali";

}

else if($mode == "view")
{
while ( $result = mysql_fetch_array($runviewquery))
{
$id = $result['id'];
$judul = $result['judul_artikel'] ;
$penulis = $result['penulis_artikel'];
$isi = $result['isi_artikel'];

print "$judul
Penulis : $penulis
$isi";

}

print "

---

Kembali";
}


else
{

?>



Search Database ...














}

?>

Cukup Panjang tapi bermakna :D. Ya, sebelum saya jelaskan script diatas, ada baiknya kita lakukan review terlebih dahulu mengenai query sql untuk single keyword.

select * from cms_artikel where isi_artikel like '%$search%'

query diatas, berfungsi melakukan seleksi terhadap database, mengacu kepada field isi_artikel, dengan single keyword. Bagaimana jika sang user memasukkan multiple keyword ? jelas hasilnya akan 0. Terkecuali jika multiple keyword yang dicari berada secara berurutan dalam database.

Di sinilah letak jawabannya, mysql mengijinkan kita menggunakan multiple keyword sekaligus dalam melakukan pencarian database. Dengan penambahan operand AND di antara keyword yang dicari. Sehingga apabila kita mencari 3 keyword sekaligus, maka mysql mengizinkan kita menggunakan query seperti ini :

select * from cms_artikel where isi_artikel like '%$keyword1%' AND '%$keyword2%' AND '%$keyword3%'

Melihat query di atas, penggunaan looping pada php sangat dibutuhkan untuk mengimplementasikannya.

Ketika user memasukkan keyword ke dalam textbox search, yang harus dilakukan adalah memisahkan/memecah keyword tersebut dalam sebuah array :

$search_array = explode(" ",$search);

Langkah selanjutnya, menghitung berapa banyak variable yang terdapat dalam array tersebut. Hal ini digunakan sebagai titik acuan berapa banyak looping akan dilakukan nantinya.

$banyak_kata = (integer)count($search_array);

Setelah itu ? looping ?

$searchquery = "select * from cms_artikel where " ;
for ( $x = 0; $x<= $banyak_kata; $x++)
{
$searchquery .= "isi_artikel like '%$search_array[$x]%'";

if ( $x < $banyak_kata )
{
$searchquery .= " AND ";
}
}

Sehingga $searchquery nantinya menjadi :

select * from cms_artikel where isi_artikel like '%$search_array[0]%' AND '%$search_array[1]%' AND '%$search_array[2]%' AND '%$search_array[n]%'


Untuk melakukan bold dan highlight pada keyword yang dicari pada dasarnya hanya mereplace string sebelumnya dengan tag bold dan highlight.
Sebagai contoh dalam sebuah variable

$sejati = ?Ryuzaki pada dasarnya tidak ganteng ?;

Kemudian kita akan melakukan perubahan ganteng menjadi ganteng

Maka ?
Str_replace (?ganteng?,?ganteng?,$sejati);

Hasilnya ?
Ryuzaki pada dasarnya tidak ganteng

Karena dalam bentuk array maka perlu dilakukan looping masal terhadap isi array tersebut.

print "String yang anda cari : ";

for ( $x = 0; $x<= $banyak_kata; $x++)
{

$search_replace[$x] = "
$search_array[$x]";
print "$search_replace[$x] ";

}

Sehingga ?
Lakukan bold dan highlight :

$isi_baru = str_replace($search_array, $search_replace, $isi);


Cukup sekian penjelasan dari saya.
Silahkan dikembangkan.
Terima kasih.

Script lengkapnya bisa anda download di sini :

Download Ebooknya disini -> Download Semua Ebook Tutorial PHP ilmuwebsite

Search: