index.html 2.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. <div class="panel panel-default panel-intro">
  2. <script type="text/javascript">
  3. var elroot = "__CDN__/assets/addons/elfinder/";
  4. </script>
  5. <script data-main="__CDN__/assets/addons/elfinder/main.default.js"
  6. src="//cdn.bootcdn.net/ajax/libs/require.js/2.3.5/require.min.js">
  7. </script>
  8. <script type="text/javascript">
  9. define('elFinderConfig', {
  10. // elFinder options (REQUIRED)
  11. // Documentation for client options:
  12. // https://github.com/Studio-42/elFinder/wiki/Client-configuration-options
  13. defaultOpts: {
  14. url: 'elfinder/view' // connector URL (REQUIRED)
  15. , commandsOptions: {
  16. edit: {
  17. extraOptions: {
  18. // set API key to enable Creative Cloud image editor
  19. // see https://console.adobe.io/
  20. creativeCloudApiKey: '',
  21. // browsing manager URL for CKEditor, TinyMCE
  22. // uses self location with the empty value
  23. managerUrl: ''
  24. }
  25. }
  26. , quicklook: {
  27. // to enable preview with Google Docs Viewer
  28. googleDocsMimes: ['application/pdf', 'image/tiff', 'application/vnd.ms-office', 'application/msword', 'application/vnd.ms-word', 'application/vnd.ms-excel', 'application/vnd.ms-powerpoint', 'application/vnd.openxmlformats-officedocument.wordprocessingml.document', 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet', 'application/vnd.openxmlformats-officedocument.presentationml.presentation']
  29. }
  30. },
  31. 'width': 'auto',
  32. 'height': '600px',
  33. },
  34. managers: {
  35. 'elfinder': {},
  36. }
  37. });
  38. </script>
  39. <div class="panel-body">
  40. <div id="myTabContent" class="tab-content">
  41. <div id="elfinder"></div>
  42. </div>
  43. </div>
  44. </div>