Pertama, kita download dulu responsive filemanager di http://responsivefilemanager.com/.
Kemudian, kita ekstak tinymce kita dan pindahkan folder tinymce yang berada di dalam folder js ke dalam folder 'testing' yang telah kita buat di htdocs. Kalau belum punya tinymce, silahkan ikuti tutorial berikut terlebih dahulu untuk memasang tinymce.
Lalu ekstrak responsive_filemanager.zip yang telah kita download. Nanti akan ada 4 buah folder, yaitu 'tinymce', 'souce', 'thumbs' dan 'filemanager'. Pindahkan semua folder kecuali folder tinymce ke dalan folder 'testing'.
Kembali ke folder ekstrakan responsive_filemanager. Buka folder tinymce, buka folder plugin yang ada di dalamnya. Pindahkan folder 'responsivefilemanager' ke dalam folder 'plugin' dalam tinymce yang tadi kita pindah ke folder 'testing'.
Lalu buat sebuah file dengan nama 'index.php' dan isi:
<!doctype html>
<html>
<head>
<title>TinyMCE ResponsiveFileManager</title>
<script type="text/javascript" src="tinymce/tinymce.min.js"></script>
</head>
<body>
<form action="" method="post">
<textarea></textarea>
</form>
<script type="text/javascript">
tinymce.init({
selector: "textarea",
plugins: [
"advlist autolink lists link image charmap print preview anchor",
"searchreplace visualblocks code fullscreen",
"insertdatetime media table contextmenu paste"
],
toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image",
});
</script>
</body>
</html>
Sehingga nanti akan terlihat seperti berikut.
<!doctype html>
<html>
<head>
<title>TinyMCE ResponsiveFileManager</title>
<script type="text/javascript" src="tinymce/tinymce.min.js"></script>
</head>
<body>
<form action="" method="post">
<textarea></textarea>
</form>
<script type="text/javascript">
tinymce.init({
selector: "textarea",
plugins: [
"advlist autolink lists link image charmap print preview anchor",
"searchreplace visualblocks code fullscreen",
"insertdatetime media table contextmenu paste responsivefilemanager"
],
toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image responsivefilemanager",
image_advtab: true,
external_filemanager_path:"filemanager/",
filemanager_title:"Responsive Filemanager",
//external_plugins: {"filemanager" : "filemanager/plugin.min.js"}
});
</script>
</body>
</html>
Yang ada kuning-kuningnya itu adalah script tambahannya.
Terakhir, buka folder filemanager, buka config, dan kita setting config.php.
Hal pertama yang kita setting adalah base_url. Buat seperti ini:
'base_url' => ((isset($_SERVER['HTTPS']) && $_SERVER['HTTPS'] && ! in_array(strtolower($_SERVER['HTTPS']), array( 'off', 'no' ))) ? 'https' : 'http') . '://' . $_SERVER['HTTP_HOST']. '/testing',
Kemudian setting juga :
'upload_dir' => '/source/','current_path' => '../source/','thumbs_base_path' => '../thumbs/',Lalu coba buka lagi, http://localhost/testing/index.php
Untuk lebih jelasnya, silahkan download source code-nya di sini.
Alhamdulillah akhirnya saya kebantu dalam masalah thumbnail image setelah pilih dari responsive filemanager, May Allah grant you the best rizki, aamiin.
BalasHapusThanks broo .. kalo boleh saran blognya tolong dirapikan ..
BalasHapus