«
»

Instalasi Word Processor tinyMCE – WYSIWYG

Line Break
Penulis: Admin (252 Articles)
Admin
Memberikan pembelajaran kepada Anda seputar Web Development, Desain Grafis, dll, secara gratis. Berawal dari hoby sharing akan ilmu web development di tahun 2007 oleh 2 mahasiswa.
Contact:
Homepage : http://www.ilmuwebsite.com
Ingin menjadi penulis artikel di ilmuwebsite? Klik >> Daftar

PhotobucketGw sekarng jadi semangat lagi input tutorial aapapun, kmaren2 memang agak males… tapi sekarng ada tmenna big grinbig grinbig grin

mahap judulna rada panjang, biar mata om google jadi belekan … Instalasi Word Processor tinyMCE WYSIWYG tutorial php web desain grafis Instalasi Word Processor tinyMCE WYSIWYG tutorial php web desain grafis

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….

Photobucket

Photobucket

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:
<script type=”text/javascript” src=”../jscripts/tiny_mce/tiny_mce.js”></script>

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 Instalasi Word Processor tinyMCE WYSIWYG tutorial php web desain grafis Instalasi Word Processor tinyMCE WYSIWYG tutorial php web desain grafis

                               

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


Cari artikel lain :

Instalasi Word Processor tinyMCE WYSIWYG tutorial php web desain grafis

Instalasi Word Processor tinyMCE WYSIWYG tutorial php web desain grafis



Punya pertanyaan? Mari kita bahas di forum ilmuwebsite

This entry was posted on Saturday, May 30th, 2009 at 3:23 AM and is filed under Tutorial PHP. You can follow any responses to this entry through the RSS 2.0 feed. Both comments and pings are currently closed.

Comments are closed.

eXTReMe Tracker