Comments (2)
Hi. You can use the already compiled version in package, this npm package is needed in order to embed the file manager in your applications on Vue.js
And the settings that you show are not complete, it should be like this(If you use only file manager):
import Vue from 'vue';
import Vuex from 'vuex';
import FileManager from 'laravel-file-manager'
Vue.use(Vuex);
// create Vuex store, if you don't have it
const store = new Vuex.Store();
Vue.use(FileManager, {store});
window.fm = new Vue({
el: '#fm',
store,
template: '<file-manager></file-manager>'
});
and view
<!-- CSRF Token -->
<meta name="csrf-token" content="{{ csrf_token() }}">
<!-- Styles -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css>
....
<div class="container-fluid pb-3">
<div class="row justify-content-center">
<div class="col-10" style="height: 800px;">
<div id="fm"></div>
</div>
</div>
</div>
...
<!-- File manager js -->
<script src="{{ asset('path/to/fm.js') }}"></script>
from vue-laravel-file-manager.
<link rel="stylesheet" href="{{ asset('vendor/file-manager/css/file-manager.css') }}">
<script src="{{ asset('vendor/file-manager/js/file-manager.js') }}"></script>
Thank you for providing the extra config. That actually worked perfect for me! I am going to work on ACL's and permissions and I will let you know if I have other questions. And above was the scripts and CSS also required.
from vue-laravel-file-manager.
Related Issues (20)
- Hello, when I install the component, import component error as shown in figure HOT 2
- How to run? HOT 2
- ERROR Failed to compile with 1 error 下午6:05:15 error in ./node_modules/vue-loading-spinner/src/components/Texture.vue?vue&type=style&index=0&id=3d9bd062&lang=scss&scoped=true& Syntax Error: TypeError: this.getOptions is not a function HOT 2
- sos,vue2 error HOT 2
- sos error HOT 3
- Set default disk and path on init or any oninit callback ? HOT 1
- Please provide a store!! HOT 1
- Problem with LFM and tinymce HOT 2
- Buffer undefined in Preview.vue HOT 2
- The requested module '/node_modules/diff-match-patch/index.js?v=1f9f0c93' does not provide an export named 'default' HOT 3
- Multiple fm in Vuex store
- Cannot compile with webpack
- Syntax Error: SassError: Undefined function. HOT 2
- Settings is not working. HOT 3
- Integration issue with Vite+VUE3 (pinia)
- This version of npm is compatible with lockfileVersion@1, but package-lock.json was generated for lockfileVersion@2.
- Dynamic configuration
- please add cooke for resent opened folder
- Image source not readable
- Vue3 settings not working HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from vue-laravel-file-manager.