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

   1
   2 <div class="col-md-3 page-menu">
   3     <h4>You are editing a page</h4>
   4     <button type="submit" class="button pos">Save Page</button>
   5 </div>
   6
   7 <div class="col-md-9 page-style editor">
   8
   9     {{ csrf_field() }}
  10     <div class="title-input page-title">
  11             @include('form/text', ['name' => 'name', 'placeholder' => 'Enter Page Title'])
  12     </div>
  13     <div class="edit-area">
  14         @include('form/textarea', ['name' => 'html'])
  15     </div>
  16
  17 </div>
  18
  19
  20
  21 <section class="overlay" style="display:none;">
  22     <div id="image-manager">
  23         <div class="image-manager-left">
  24             <div class="image-manager-header">
  25                 <button type="button" class="button neg float right" data-action="close">Close</button>
  26                 <div class="image-manager-title">Image Library</div>
  27             </div>
  28             <div class="image-manager-display">
  29             </div>
  30             <form action="/upload/image" class="image-manager-dropzone">
  31                 {{ csrf_field() }}
  32                 Drag images or click here to upload
  33             </form>
  34         </div>
  35         {{--<div class="sidebar">--}}
  36
  37         {{--</div>--}}
  38     </div>
  39 </section>
  40
  41 <script>
  42     $(function() {
  43         //ImageManager.show('#image-manager');
  44
  45         tinymce.init({
  46             selector: '.edit-area textarea',
  47             content_css: '/css/app.css',
  48             body_class: 'container',
  49             relative_urls: false,
  50             height: 600,
  51             plugins: "image table textcolor paste link imagetools",
  52             toolbar: "undo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | table | fontsizeselect full",
  53             content_style: "body {padding-left: 15px !important; padding-right: 15px !important; margin:0!important}",
  54             file_browser_callback: function(field_name, url, type, win) {
  55                 ImageManager.show('#image-manager', function(image) {
  56                     win.document.getElementById(field_name).value = image.url;
  57                     if ("createEvent" in document) {
  58                         var evt = document.createEvent("HTMLEvents");
  59                         evt.initEvent("change", false, true);
  60                         win.document.getElementById(field_name).dispatchEvent(evt);
  61                     } else {
  62                         win.document.getElementById(field_name).fireEvent("onchange");
  63                     }
  64                 });
  65             },
  66             setup: function(editor) {
  67                 editor.addButton('full', {
  68                     text: 'Expand',
  69                     icon: false,
  70                     onclick: function() {
  71                         var container = $(editor.getContainer()).toggleClass('fullscreen');
  72                     }
  73                 });
  74             }
  75         });
  76
  77
  78
  79     });
  80 </script>