TinyMCE Image Browser - Seharian baru ketemu…weh..!

Pinginya ikut seperti editor di Wordpress dimulai dari cari-cari file inisialisasi tinyMCE dan sekaligus sistem upload image tanpa perlu lagi masukan data ke database.

banyak sih yang sudah kasih contoh seperti ini salah satunya

http://hackd.wordpress.com/2007/08/23/how-to-create-an-image-selction-plugin-for-tinymce-with-ruby-on-rails/

tapi ya gitu deh, bikin saya malah pusing akhirnya cari-cari dapat info lagi dari sini

http://wiki.moxiecode.com/index.php/TinyMCE:Custom_filebrowser

jadi deh…

tapi yang aneh script berikut

// insert information now

  win.document.getElementById(tinyMCE.getWindowArg("src")).value = URL;

Ternyata tidak bisa jalan, namun setelah diganti seperti ini

// insert information now

  win.document.getElementById("src").value = URL;

dan ternyata jalan, script tsb dapat anda temukan pada file list_image.php.

Berikut hasil Screen shot dari file browser yang saya comot dari sana sini

tinyMCE editor

tinyMCE image Browser

Skrip Komplit bisa anda download di

http://www.pusathosting.com/uploads/ph_tinymce.rar

seep…dah

hadi on April 13th, 2008 Filed under Applikasi, Internet, Coding itu Indah |

6 Responses to “TinyMCE Image Browser - Seharian baru ketemu…weh..!”

  1. Lil N Says:

    mas yang di donlot disini http://www.pusathosting.com/uploads/ph_tinymce.rar ntu file tinymce atau plugin image upload untuk tinymce, tinymce yang saya punya lebih simple dari itu. bisa kasih tau saya petunjuk instalasinya?? makasih

  2. hadi Says:

    oh ya sory, itu bukan plugin melainkan akal-akalan saya saja buat image browser. pointnya saya buat beberapa file yang salah satunya list_image.php fungsinya untuk uploads dan listing image.

    ph_tinymce.rar saya isi dengan tinymce + file-file saya tadi. langsung saja kopas di root dir dan jalankan. kelihatannya langsung jalan.

  3. Lil N Says:

    owhh i see. trus di antara nya ditambahkan sesuatu nggak untuk memanggil si tinymce nya?? jadi folder ph_tinymce harus di simpan di root?

    saya udah coba.. tapi masih nggag bisa?? mungkin ada fungsi/ script lain yang harus ditambahkan di file yang ada textareanya???

  4. hadi Says:

    oh ya, dirubah sesuai dengan url posisi file

    pada file index.php
    pada fungsi
    fileBrowserCallBack

    pada

    win.open(’http://localhost/tutorial/tinymce/list_image.php’, ‘ImageBrowser’, ‘width=500,height=400,scrollbars=yes,status=yes,location=no,resizable=yes,dependent’);
    }

    address

    http://localhost/tutorial/tinymce/list_image.php
    diganti dengan alamat sesuai dengan posisi file tsb di server anda

    dan pada file list_image.php

    include “listdir.funct.php”;
    include “imageresize.class.php”;

    itu juga diganti sesuai dengan posisi file pada server anda

  5. Lil N Says:

    Makasih mas Hadi.. saya baru ngeh :D, tp sepertinya ada yang error pada list_image.php nya..

    saya sedang coba upload ke hosting gratisan biar mas Hadi bisa lihat, kalo mas Hadi gag keberatan membantu saya lagi :D.

    Makasih yaa

  6. hadi Says:

    siap.!
    upload dimana barangkali saya bisa cek kalau pas luang yaa…
    post ke mail saya saja
    hadi@toekang.net

Leave a Comment