Home > Menengah > Web Development > Tutorial PHP > Instalasi Word Processor tinyMCE – WYSIWYG

.

Tidak ada komentar BYAdmin Ilmuwebsite

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

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 lachtot lachtot

? ??? ????? ??? ??? ????? ??? ?

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

DVD Video Tutorial : Kursus Web Development Komplit Bangun 5 Project Aplikasi Website - Membuat CMS Sendiri Dari Nol, Blog, Portal Berita, Ecommerce, Web Komunitas dengan CodeIgniter 3 JQuery AJAX Bootstrap

Video Tutorial Kursus Web Development Komplit Bangun 5 Project Website ini merupakan ‘penunjuk arah’ agar Anda yang sedang maupun baru akan terjun ke dalam dunia web development yang lebih mendalam memiliki peta perjalanan pembelajaran yang lebih terarah menuju web developer professional. (Disertai pembelajaran dasar HTML CSS, JQuery, PHP & MySQL, CodeIgniter) Dibuat oleh praktisi yang memiliki pengalaman lebih dari 10 tahun di bidang web development (Pemesanan bisa SMS/WA ke 0813 1167 5785, atau bisa pesan secara online di sini)



No Responses

eXTReMe Tracker