BookStack Code Mirror - bookstack/blob - resources/views/pages/edit.blade.php

   1 @extends('base')
   2
   3 @section('head')
   4     <script src="/bower/tinymce-dist/tinymce.jquery.min.js"></script>
   5     <script src="/bower/dropzone/dist/min/dropzone.min.js"></script>
   6     <script src="/js/image-manager.js"></script>
   7 @stop
   8
   9 @section('content')
  10     <form action="{{$page->getUrl()}}" method="POST">
  11         <input type="hidden" name="_method" value="PUT">
  12         @include('pages/form', ['model' => $page])
  13     </form>
  14
  15     <section class="overlay" style="display:none;">
  16         <div id="image-manager">
  17             <div class="image-manager-left">
  18                 <div class="image-manager-header">
  19                     <button type="button" class="button neg float right" data-action="close">Close</button>
  20                     <div class="image-manager-title">Image Library</div>
  21                 </div>
  22                 <div class="image-manager-display">
  23                 </div>
  24                 <form action="/upload/image" class="image-manager-dropzone">
  25                     {{ csrf_field() }}
  26                     Drag images or click here to upload
  27                 </form>
  28             </div>
  29             {{--<div class="sidebar">--}}
  30
  31             {{--</div>--}}
  32         </div>
  33     </section>
  34
  35     <script>
  36         $(function() {
  37             //ImageManager.show('#image-manager');
  38
  39             tinymce.init({
  40                 selector: '.edit-area textarea',
  41                 content_css: '/css/app.css',
  42                 body_class: 'container',
  43                 plugins: "autoresize image table textcolor paste link imagetools",
  44                 content_style: "body {padding-left: 15px !important; padding-right: 15px !important;}",
  45                 file_browser_callback: function(field_name, url, type, win) {
  46                     ImageManager.show('#image-manager', function(image) {
  47                         win.document.getElementById(field_name).value = image.url;
  48                         if ("createEvent" in document) {
  49                             var evt = document.createEvent("HTMLEvents");
  50                             evt.initEvent("change", false, true);
  51                             win.document.getElementById(field_name).dispatchEvent(evt);
  52                         } else {
  53                             win.document.getElementById(field_name).fireEvent("onchange");
  54                         }
  55                     });
  56                 }
  57             });
  58
  59
  60
  61         });
  62     </script>
  63 @stop