update v 1.0.7.5

2016-06-13 20:41:55 +05:30
parent aa9786d829
commit 283d97e3ea
5078 changed files with 339851 additions and 175995 deletions
--- a/vendor/unisharp/laravel-filemanager/doc/integration.md
+++ b/vendor/unisharp/laravel-filemanager/doc/integration.md
@@ -0,0 +1,123 @@
+## Documents
+
+  1. [Installation](https://github.com/UniSharp/laravel-filemanager/blob/master/doc/installation.md)
+  1. [Intergration](https://github.com/UniSharp/laravel-filemanager/blob/master/doc/integration.md)
+  1. [Config](https://github.com/UniSharp/laravel-filemanager/blob/master/doc/config.md)
+  1. [Customization](https://github.com/UniSharp/laravel-filemanager/blob/master/doc/customization.md)
+
+## WYSIWYG Editor Integration:
+### Option 1: CKEditor
+
+  1. Install [laravel-ckeditor](https://github.com/UniSharp/laravel-ckeditor) package
+
+  1. Modify the views
+      
+    Sample 1 - Replace by ID:
+    ```html
+    <script src="/vendor/unisharp/laravel-ckeditor/ckeditor.js"></script>
+    <textarea id="my-editor" name="content" class="form-control">{!! old('content', $content) !!}</textarea>
+    <script>
+      CKEDITOR.replace( 'my-editor', {
+        filebrowserImageBrowseUrl: '/laravel-filemanager?type=Images',
+        filebrowserImageUploadUrl: '/laravel-filemanager/upload?type=Images&_token={{csrf_token()}}',
+        filebrowserBrowseUrl: '/laravel-filemanager?type=Files',
+        filebrowserUploadUrl: '/laravel-filemanager/upload?type=Files&_token={{csrf_token()}}'
+      });
+    </script>
+    ```
+    
+    Sample 2 - With JQuery Selector:
+    
+    ```html
+    <script src="/vendor/unisharp/laravel-ckeditor/ckeditor.js"></script>
+    <script src="/vendor/unisharp/laravel-ckeditor/adapters/jquery.js"></script>
+    <textarea name="content" class="form-control my-editor">{!! old('content', $content) !!}</textarea>
+    <script>
+      $('textarea.my-editor').ckeditor({
+        filebrowserImageBrowseUrl: '/laravel-filemanager?type=Images',
+        filebrowserImageUploadUrl: '/laravel-filemanager/upload?type=Images&_token={{csrf_token()}}',
+        filebrowserBrowseUrl: '/laravel-filemanager?type=Files',
+        filebrowserUploadUrl: '/laravel-filemanager/upload?type=Files&_token={{csrf_token()}}'
+      });
+    </script>
+    ```
+
+### Option 2: TinyMCE4
+
+```html
+<script src="//cdn.tinymce.com/4/tinymce.min.js"></script>
+<textarea name="content" class="form-control my-editor">{!! old('content', $content) !!}</textarea>
+<script>
+  var editor_config = {
+    path_absolute : "/",
+    selector: "textarea",
+    plugins: [
+      "advlist autolink lists link image charmap print preview hr anchor pagebreak",
+      "searchreplace wordcount visualblocks visualchars code fullscreen",
+      "insertdatetime media nonbreaking save table contextmenu directionality",
+      "emoticons template paste textcolor colorpicker textpattern"
+    ],
+    toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image media",
+    relative_urls: false,
+    file_browser_callback : function(field_name, url, type, win) {
+      var x = window.innerWidth || document.documentElement.clientWidth || document.getElementsByTagName('body')[0].clientWidth;
+      var y = window.innerHeight|| document.documentElement.clientHeight|| document.getElementsByTagName('body')[0].clientHeight;
+
+      var cmsURL = editor_config.path_absolute + 'laravel-filemanager?field_name=' + field_name;
+      if (type == 'image') {
+        cmsURL = cmsURL + "&type=Images";
+      } else {
+        cmsURL = cmsURL + "&type=Files";
+      }
+
+      tinyMCE.activeEditor.windowManager.open({
+        file : cmsURL,
+        title : 'Filemanager',
+        width : x * 0.8,
+        height : y * 0.8,
+        resizable : "yes",
+        close_previous : "no"
+      });
+    }
+  };
+
+  tinymce.init(editor_config);
+</script>
+```
+
+##Independent use
+
+If you are going to use filemanager independently, meaning set the value of an input to selected photo/file url, follow this structure:
+
+1. Create a button, input, and image preview holder if you are going to choose images.
+
+    Specify the id to the input and image preview by `data-input` and `data-preview`.
+
+    ```html
+        <div class="input-group">
+          <span class="input-group-btn">
+            <a id="lfm" data-input="thumbnail" data-preview="holder" class="btn btn-primary">
+              <i class="fa fa-picture-o"></i> Choose
+            </a>
+          </span>
+          <input id="thumbnail" class="form-control" type="text" name="filepath">
+        </div>
+        <img id="holder" style="margin-top:15px;max-height:100px;">
+    ``` 
+
+1. Import lfm.js(run `php artisan vendor:publish` if you need).
+
+    ```javascript
+        <script src="/vendor/laravel-filemanager/js/lfm.js"></script>
+    ```
+
+1. Init filemanager with type. (requires jQuery)
+
+    ```javascript
+        $('#lfm').filemanager('image');
+    ```
+    or
+
+    ```javascript
+        $('#lfm').filemanager('file');
+    ```