{"id":1754,"date":"2013-03-07T01:18:20","date_gmt":"2013-03-06T23:18:20","guid":{"rendered":"http:\/\/www-you.com\/?p=1754"},"modified":"2013-03-07T01:18:20","modified_gmt":"2013-03-06T23:18:20","slug":"integratsiya-na-elfinder","status":"publish","type":"post","link":"https:\/\/www-you.com\/en\/integratsiya-na-elfinder\/","title":{"rendered":"elFinder integration"},"content":{"rendered":"

<\/p>\n

Hey guys!<\/p>\n

Today I lost almost a half a day trying to integrate a standalone version of the elFinder<\/a>, so I though of writing a little \u00a0little “know how”.<\/p>\n

For those of you who don’t have a clue, what elFinder<\/a> is a really neat Web File Manager, with easy customization and lots of features.<\/p>\n

So lets get straight to the point. I spend a lot of hours trying to find a simple example or documentation, but i didn’t find any for the latest version, and for some reason I couldn’t understand the examples i found, because the main point was missing – which file you should you edit, than I found this helpful article<\/a> and it struck me as a lightning from nowhere – It was easy as hell!. The main problem was i was editing the wrong file and trying to combine 2 files into one.<\/p>\n

So lest get started.<\/p>\n

The first thing we should do is create our page where the elFinder would be opened.<\/p>\n

 <\/p>\n

\r\n<!DOCTYPE html>\r\n<html xmlns="http:\/\/www.w3.org\/1999\/xhtml" dir="ltr" lang="en-US"><head profile="http:\/\/gmpg.org\/xfn\/11">\r\n        <head>\r\n            <meta http-equiv="Content-Type" content="text\/html; charset=utf-8" \/>\r\n            <script src="http:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/1.9.1\/jquery.min.js"><\/script>\r\n            <!-- we will use this simple popup plugin that can be downloaded from -> http:\/\/swip.codylindley.com\/popupWindowDemo.html -->\r\n            <script src="js\/jquery.popupWindow.js"><\/script>\r\n            <title>Standalone integration of elFinder<\/title>\r\n            <link href='http:\/\/fonts.googleapis.com\/css?family=Tauri' rel='stylesheet' type='text\/css'>\r\n                <style type="text\/css">\r\n                    * {\r\n                        margin: 0px;\r\n                        padding: 0px;\r\n                    }\r\n                    \r\n                    body {\r\n                        background : #ececec;\r\n                        font-family: 'Tauri', sans-serif;\r\n                    }\r\n                    #main {\r\n                        width: 900px;\r\n                        margin: auto;\r\n                    }\r\n\r\n                    h1 {\r\n                        font-size: 36px;\r\n                        color: #333;\r\n                        text-shadow: 2px 2px 0px #fff;\r\n                        text-transform: uppercase;\r\n                        text-align: center;\r\n                    }\r\n\r\n                    h2 {\r\n                        font-size: 18px;\r\n                        color: #333;\r\n                        float: right;\r\n                        margin-bottom: 30px;\r\n                    }\r\n\r\n                    .clear {\r\n                        clear: both;\r\n                    }\r\n\r\n                    a {\r\n                        color: cornflowerblue;\r\n                        text-decoration: none;\r\n                        text-shadow: 2px 2px 0px #fff;\r\n                    }\r\n\r\n                    h2 span {\r\n                        color: #4d4d4d;\r\n                        font-style: italic;\r\n                        text-shadow: 2px 2px 0px #fff;\r\n                    }\r\n\r\n                    .button-group {\r\n                        width: 400px;\r\n                    }\r\n\r\n                    input[type="text"] {\r\n                        padding: 10px;\r\n                        width: 300px;\r\n                        background: #666;\r\n                        border: 1px solid #333;\r\n                        box-shadow: inset 1px 1px 1px 0px #4F4F4F, inset -1px -1px 1px 0px #4F4F4F;\r\n                        color: #fff;\r\n                        font-family: 'Tauri', sans-serif;\r\n                        text-shadow: 0px 1px 1px rgba(0,0,0,0.75);\r\n                        float: left;\r\n                    }\r\n                    button.browse {\r\n                        float: right;\r\n                        width: 78px;\r\n                        background: #32b50e; \/* Old browsers *\/\r\n                        \/* IE9 SVG, needs conditional override of 'filter' to 'none' *\/\r\n                        background: url(data:image\/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA\/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMyYjUwZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYzdmMGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);\r\n                        background: -moz-linear-gradient(top,  #32b50e 0%, #0c7f0a 100%); \/* FF3.6+ *\/\r\n                        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#32b50e), color-stop(100%,#0c7f0a)); \/* Chrome,Safari4+ *\/\r\n                        background: -webkit-linear-gradient(top,  #32b50e 0%,#0c7f0a 100%); \/* Chrome10+,Safari5.1+ *\/\r\n                        background: -o-linear-gradient(top,  #32b50e 0%,#0c7f0a 100%); \/* Opera 11.10+ *\/\r\n                        background: -ms-linear-gradient(top,  #32b50e 0%,#0c7f0a 100%); \/* IE10+ *\/\r\n                        background: linear-gradient(to bottom,  #32b50e 0%,#0c7f0a 100%); \/* W3C *\/\r\n                        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#32b50e', endColorstr='#0c7f0a',GradientType=0 ); \/* IE6-8 *\/\r\n                        border: none;\r\n                        padding: 9px;\r\n                        border: 1px solid #146307;\r\n                        border-left: 0px;\r\n                        border-top-right-radius: 5px;\r\n                        border-bottom-right-radius: 5px;\r\n                        color: #fff;\r\n                        font-family: 'Tauri', sans-serif;\r\n                        box-shadow: inset 1px 1px 1px 0px #36C10F, inset -1px -1px 1px 0px #36C10F;\r\n                        text-shadow: 0px 1px 1px rgba(0,0,0,0.75);\r\n                        cursor: pointer;\r\n                    }\r\n\r\n                    #picture {\r\n                        border-radius: 5px;\r\n                        border: 5px solid #fff;\r\n                        width: 390px;\r\n                        height: 390px;\r\n                        margin-bottom: 10px;\r\n                        vertical-align: middle;\r\n                    }\r\n                    \r\n                    #picture img{\r\n                        width: 390px;\r\n                        height: 390px;\r\n                    }\r\n\r\n                    #picture span {\r\n                        display: block;\r\n                        padding: 10px;\r\n                        color: #A6A6A6;\r\n                        font-size: 24px;\r\n                        text-align: center;\r\n                        font-family: 'Tauri', sans-serif;\r\n                        text-shadow: 2px 2px 0px #fff;\r\n                        margin-top: 150px;\r\n                    }\r\n                <\/style>\r\n        <\/head>\r\n        <body>\r\n            <div id="main">\r\n                <h1>Standalone integration of elFinder<\/h1>\r\n                <h2>by <span>Martin Andreev - <a href="http:\/\/www-you.com">WWW-YOU<\/a><\/span><\/h2>\r\n                <div class="clear"><\/div>\r\n                <div id="picture">\r\n                    <span>No picture?Use the browse button to select one!<\/span>\r\n                <\/div>\r\n                <div class="button-group">\r\n                    <input type="text" id="featured_image" placeholder="Profile Image Url" readonly name="featured_image" \/>\r\n                    <button type="button" class="browse" id="imageUpload" > Browse <\/button>\r\n                <\/div>\r\n                <script type="text\/javascript"> \r\n                    $(document).ready(function(){\r\n                        $('#imageUpload').popupWindow({ \r\n                            windowURL:'elfinder\/elfinder.html', \r\n                            windowName:'Filebrowser',\r\n                            height:490, \r\n                            width:950,\r\n                            centerScreen:1\r\n                        }); \r\n                    });\r\n                    \r\n                    function processFile(file){\r\n                        $('#picture').html('<img src="' + file + '" \/>');\r\n                        $('#featured_image').val(file);\r\n                    }\r\n                <\/script>\r\n            <\/div>\r\n        <\/body>\r\n<\/html>\r\n<\/pre>\n
So now we have our test page<\/p>\n
\"\"<\/a><\/p>\n
Ok so here we create out the page where we will show the elfinder. Notice that we have a function called processFile<\/b>. We will talk about it latter.
\nNow lets open the elfider.html<\/b> file that is located in your elfinder directory. Just copy and paste it in your file. *** NOTICE *** When i was creating this tutorial i used a clean installation. If you want to use it with a rich text editor for example you must create a new elfinder.html and paste the html there.<\/p>\n
\r\n<!DOCTYPE html>\r\n<html>\r\n    <head>\r\n        <meta http-equiv="Content-Type" content="text\/html; charset=utf-8">\r\n        <title>elFinder 2.0<\/title>\r\n\r\n        <!-- jQuery and jQuery UI (REQUIRED) -->\r\n        <link rel="stylesheet" type="text\/css" media="screen" href="http:\/\/ajax.googleapis.com\/ajax\/libs\/jqueryui\/1.8.18\/themes\/smoothness\/jquery-ui.css">\r\n        <script type="text\/javascript" src="http:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/1.7.2\/jquery.min.js"><\/script>\r\n        <script type="text\/javascript" src="http:\/\/ajax.googleapis.com\/ajax\/libs\/jqueryui\/1.8.18\/jquery-ui.min.js"><\/script>\r\n\r\n        <!-- elFinder CSS (REQUIRED) -->\r\n        <link rel="stylesheet" type="text\/css" media="screen" href="css\/elfinder.min.css">\r\n        <link rel="stylesheet" type="text\/css" media="screen" href="css\/theme.css">\r\n\r\n        <!-- elFinder JS (REQUIRED) -->\r\n        <script type="text\/javascript" src="js\/elfinder.min.js"><\/script>\r\n\r\n        <!-- elFinder translation (OPTIONAL) -->\r\n        <script type="text\/javascript" src="js\/i18n\/elfinder.ru.js"><\/script>\r\n\r\n        <!-- elFinder initialization (REQUIRED) -->\r\n        <script type="text\/javascript" charset="utf-8">\r\n            $().ready(function() {\r\n                var elf = $('#elfinder').elfinder({\r\n                    url : 'php\/connector.php',  \/\/ connector URL (REQUIRED)\r\n                    getFileCallback : function(file) {\r\n                        window.opener.processFile(file);\r\n                        window.close();\r\n                    },\r\n                    resizable: false\r\n                }).elfinder('instance');\r\n            });\r\n        <\/script>\r\n    <\/head>\r\n    <body>\r\n\r\n        <!-- Element where elFinder will be created (REQUIRED) -->\r\n        <div id="elfinder"><\/div>\r\n\r\n    <\/body>\r\n<\/html>\r\n<\/pre>\n
Now about that function processFile<\/b>. As you can see after we select the file, the processFile function is fired. This was we can have abstration and use this script more than for one thing. If we have a new feature, we only have to change the processFile<\/b> function in the file where we use elFinder.<\/p>\n
If you have any questions be sure to leave them in the comments below. Special thanks to Csanad Novak (http:\/\/forrst.com) for saving me some time trying to figure it out by myself. You can download the zip file from the example here.<\/a><\/p>\n
All the best <\/p>\n
The WWW-YOU team.<\/p>","protected":false},"excerpt":{"rendered":"
Hey guys! Today I lost almost a half a day trying to integrate a standalone version of the elFinder, so I though of writing a little \u00a0little “know how”. For those of you who don’t have a clue, what elFinder is a really neat Web File Manager, with easy customization and lots of features. So […]<\/p>\n","protected":false},"author":7,"featured_media":1756,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[10],"tags":[],"acf":[],"yoast_head":"\n\u0418\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u044f \u043d\u0430 elFinderelFinder integration - www-you.com<\/title>\n<meta name=\"description\" content=\"Hey guys!Today I lost almost a half a day trying to integrate a standalone version of the elFinder, so I though of writing a little \u00a0little "know how".For\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www-you.com\/en\/integratsiya-na-elfinder\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u0418\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u044f \u043d\u0430 elFinderelFinder integration - www-you.com\" \/>\n<meta property=\"og:description\" content=\"Hey guys!Today I lost almost a half a day trying to integrate a standalone version of the elFinder, so I though of writing a little \u00a0little "know how".For\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www-you.com\/en\/integratsiya-na-elfinder\/\" \/>\n<meta property=\"og:site_name\" content=\"www-you.com\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/we.work.with.you.ltd\" \/>\n<meta property=\"article:published_time\" content=\"2013-03-06T23:18:20+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www-you.com\/wp-content\/uploads\/2013\/03\/tut-elfinder.png\" \/>\n\t<meta property=\"og:image:width\" content=\"962\" \/>\n\t<meta property=\"og:image:height\" content=\"553\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"\u041b\u044e\u0431\u043e\u043c\u0438\u0440 \u041b\u044e\u0431\u0435\u043d\u043e\u0432\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@wwwybiz\" \/>\n<meta name=\"twitter:site\" content=\"@wwwybiz\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"\u041b\u044e\u0431\u043e\u043c\u0438\u0440 \u041b\u044e\u0431\u0435\u043d\u043e\u0432\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"14 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www-you.com\/integratsiya-na-elfinder\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www-you.com\/integratsiya-na-elfinder\/\"},\"author\":{\"name\":\"\u041b\u044e\u0431\u043e\u043c\u0438\u0440 \u041b\u044e\u0431\u0435\u043d\u043e\u0432\",\"@id\":\"https:\/\/www-you.com\/#\/schema\/person\/508b5b1e3909747ad2547c2d241cf7cf\"},\"headline\":\"elFinder integration\",\"datePublished\":\"2013-03-06T23:18:20+00:00\",\"dateModified\":\"2013-03-06T23:18:20+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www-you.com\/integratsiya-na-elfinder\/\"},\"wordCount\":2797,\"commentCount\":11,\"publisher\":{\"@id\":\"https:\/\/www-you.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/www-you.com\/integratsiya-na-elfinder\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www-you.com\/wp-content\/uploads\/2013\/03\/tut-elfinder.png\",\"articleSection\":[\"Blog\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www-you.com\/integratsiya-na-elfinder\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www-you.com\/en\/integratsiya-na-elfinder\/\",\"url\":\"https:\/\/www-you.com\/en\/integratsiya-na-elfinder\/\",\"name\":\"\u0418\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u044f \u043d\u0430 elFinderelFinder integration - www-you.com\",\"isPartOf\":{\"@id\":\"https:\/\/www-you.com\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www-you.com\/en\/integratsiya-na-elfinder\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www-you.com\/integratsiya-na-elfinder\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www-you.com\/wp-content\/uploads\/2013\/03\/tut-elfinder.png\",\"datePublished\":\"2013-03-06T23:18:20+00:00\",\"dateModified\":\"2013-03-06T23:18:20+00:00\",\"description\":\"Hey guys!Today I lost almost a half a day trying to integrate a standalone version of the elFinder, so I though of writing a little \u00a0little \\\"know how\\\".For\",\"breadcrumb\":{\"@id\":\"https:\/\/www-you.com\/en\/integratsiya-na-elfinder\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[[\"https:\/\/www-you.com\/en\/integratsiya-na-elfinder\/\"]]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www-you.com\/en\/integratsiya-na-elfinder\/#primaryimage\",\"url\":\"https:\/\/www-you.com\/wp-content\/uploads\/2013\/03\/tut-elfinder.png\",\"contentUrl\":\"https:\/\/www-you.com\/wp-content\/uploads\/2013\/03\/tut-elfinder.png\",\"width\":962,\"height\":553},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www-you.com\/en\/integratsiya-na-elfinder\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www-you.com\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u0418\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u044f \u043d\u0430 elFinder\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www-you.com\/en\/#website\",\"url\":\"https:\/\/www-you.com\/en\/\",\"name\":\"www-you.com\",\"description\":\"We Work With You - creation, development, optimization and maintenance of web sites.\",\"publisher\":{\"@id\":\"https:\/\/www-you.com\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www-you.com\/en\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www-you.com\/en\/#organization\",\"name\":\"Two plus one LTD.\",\"url\":\"https:\/\/www-you.com\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www-you.com\/en\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www-you.com\/wp-content\/uploads\/2012\/11\/logo_www-you_new_280x224.png\",\"contentUrl\":\"https:\/\/www-you.com\/wp-content\/uploads\/2012\/11\/logo_www-you_new_280x224.png\",\"width\":280,\"height\":224,\"caption\":\"Two plus one LTD.\"},\"image\":{\"@id\":\"https:\/\/www-you.com\/en\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/we.work.with.you.ltd\",\"https:\/\/twitter.com\/wwwybiz\",\"https:\/\/bg.linkedin.com\/in\/ljube\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www-you.com\/#\/schema\/person\/508b5b1e3909747ad2547c2d241cf7cf\",\"name\":\"\u041b\u044e\u0431\u043e\u043c\u0438\u0440 \u041b\u044e\u0431\u0435\u043d\u043e\u0432\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www-you.com\/en\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/a4c64b74d4d9053858900c8f6df534c9?s=96&d=mm&r=x\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/a4c64b74d4d9053858900c8f6df534c9?s=96&d=mm&r=x\",\"caption\":\"\u041b\u044e\u0431\u043e\u043c\u0438\u0440 \u041b\u044e\u0431\u0435\u043d\u043e\u0432\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u0418\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u044f \u043d\u0430 elFinderelFinder integration - www-you.com","description":"Hey guys!Today I lost almost a half a day trying to integrate a standalone version of the elFinder, so I though of writing a little \u00a0little \"know how\".For","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www-you.com\/en\/integratsiya-na-elfinder\/","og_locale":"en_US","og_type":"article","og_title":"\u0418\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u044f \u043d\u0430 elFinderelFinder integration - www-you.com","og_description":"Hey guys!Today I lost almost a half a day trying to integrate a standalone version of the elFinder, so I though of writing a little \u00a0little \"know how\".For","og_url":"https:\/\/www-you.com\/en\/integratsiya-na-elfinder\/","og_site_name":"www-you.com","article_publisher":"https:\/\/www.facebook.com\/we.work.with.you.ltd","article_published_time":"2013-03-06T23:18:20+00:00","og_image":[{"width":962,"height":553,"url":"https:\/\/www-you.com\/wp-content\/uploads\/2013\/03\/tut-elfinder.png","type":"image\/png"}],"author":"\u041b\u044e\u0431\u043e\u043c\u0438\u0440 \u041b\u044e\u0431\u0435\u043d\u043e\u0432","twitter_card":"summary_large_image","twitter_creator":"@wwwybiz","twitter_site":"@wwwybiz","twitter_misc":{"Written by":"\u041b\u044e\u0431\u043e\u043c\u0438\u0440 \u041b\u044e\u0431\u0435\u043d\u043e\u0432","Est. reading time":"14 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www-you.com\/integratsiya-na-elfinder\/#article","isPartOf":{"@id":"https:\/\/www-you.com\/integratsiya-na-elfinder\/"},"author":{"name":"\u041b\u044e\u0431\u043e\u043c\u0438\u0440 \u041b\u044e\u0431\u0435\u043d\u043e\u0432","@id":"https:\/\/www-you.com\/#\/schema\/person\/508b5b1e3909747ad2547c2d241cf7cf"},"headline":"elFinder integration","datePublished":"2013-03-06T23:18:20+00:00","dateModified":"2013-03-06T23:18:20+00:00","mainEntityOfPage":{"@id":"https:\/\/www-you.com\/integratsiya-na-elfinder\/"},"wordCount":2797,"commentCount":11,"publisher":{"@id":"https:\/\/www-you.com\/#organization"},"image":{"@id":"https:\/\/www-you.com\/integratsiya-na-elfinder\/#primaryimage"},"thumbnailUrl":"https:\/\/www-you.com\/wp-content\/uploads\/2013\/03\/tut-elfinder.png","articleSection":["Blog"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www-you.com\/integratsiya-na-elfinder\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www-you.com\/en\/integratsiya-na-elfinder\/","url":"https:\/\/www-you.com\/en\/integratsiya-na-elfinder\/","name":"\u0418\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u044f \u043d\u0430 elFinderelFinder integration - www-you.com","isPartOf":{"@id":"https:\/\/www-you.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www-you.com\/en\/integratsiya-na-elfinder\/#primaryimage"},"image":{"@id":"https:\/\/www-you.com\/integratsiya-na-elfinder\/#primaryimage"},"thumbnailUrl":"https:\/\/www-you.com\/wp-content\/uploads\/2013\/03\/tut-elfinder.png","datePublished":"2013-03-06T23:18:20+00:00","dateModified":"2013-03-06T23:18:20+00:00","description":"Hey guys!Today I lost almost a half a day trying to integrate a standalone version of the elFinder, so I though of writing a little \u00a0little \"know how\".For","breadcrumb":{"@id":"https:\/\/www-you.com\/en\/integratsiya-na-elfinder\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":[["https:\/\/www-you.com\/en\/integratsiya-na-elfinder\/"]]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-you.com\/en\/integratsiya-na-elfinder\/#primaryimage","url":"https:\/\/www-you.com\/wp-content\/uploads\/2013\/03\/tut-elfinder.png","contentUrl":"https:\/\/www-you.com\/wp-content\/uploads\/2013\/03\/tut-elfinder.png","width":962,"height":553},{"@type":"BreadcrumbList","@id":"https:\/\/www-you.com\/en\/integratsiya-na-elfinder\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www-you.com\/en\/"},{"@type":"ListItem","position":2,"name":"\u0418\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u044f \u043d\u0430 elFinder"}]},{"@type":"WebSite","@id":"https:\/\/www-you.com\/en\/#website","url":"https:\/\/www-you.com\/en\/","name":"www-you.com","description":"We Work With You - creation, development, optimization and maintenance of web sites.","publisher":{"@id":"https:\/\/www-you.com\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www-you.com\/en\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www-you.com\/en\/#organization","name":"Two plus one LTD.","url":"https:\/\/www-you.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-you.com\/en\/#\/schema\/logo\/image\/","url":"https:\/\/www-you.com\/wp-content\/uploads\/2012\/11\/logo_www-you_new_280x224.png","contentUrl":"https:\/\/www-you.com\/wp-content\/uploads\/2012\/11\/logo_www-you_new_280x224.png","width":280,"height":224,"caption":"Two plus one LTD."},"image":{"@id":"https:\/\/www-you.com\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/we.work.with.you.ltd","https:\/\/twitter.com\/wwwybiz","https:\/\/bg.linkedin.com\/in\/ljube"]},{"@type":"Person","@id":"https:\/\/www-you.com\/#\/schema\/person\/508b5b1e3909747ad2547c2d241cf7cf","name":"\u041b\u044e\u0431\u043e\u043c\u0438\u0440 \u041b\u044e\u0431\u0435\u043d\u043e\u0432","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-you.com\/en\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/a4c64b74d4d9053858900c8f6df534c9?s=96&d=mm&r=x","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/a4c64b74d4d9053858900c8f6df534c9?s=96&d=mm&r=x","caption":"\u041b\u044e\u0431\u043e\u043c\u0438\u0440 \u041b\u044e\u0431\u0435\u043d\u043e\u0432"}}]}},"_links":{"self":[{"href":"https:\/\/www-you.com\/en\/wp-json\/wp\/v2\/posts\/1754"}],"collection":[{"href":"https:\/\/www-you.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www-you.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www-you.com\/en\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/www-you.com\/en\/wp-json\/wp\/v2\/comments?post=1754"}],"version-history":[{"count":0,"href":"https:\/\/www-you.com\/en\/wp-json\/wp\/v2\/posts\/1754\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www-you.com\/en\/wp-json\/wp\/v2\/media\/1756"}],"wp:attachment":[{"href":"https:\/\/www-you.com\/en\/wp-json\/wp\/v2\/media?parent=1754"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www-you.com\/en\/wp-json\/wp\/v2\/categories?post=1754"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www-you.com\/en\/wp-json\/wp\/v2\/tags?post=1754"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}