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
  22
  23 <script>
  24     $(function() {
  25         //ImageManager.show('#image-manager');
  26
  27         tinymce.init({
  28             selector: '.edit-area textarea',
  29             content_css: '/css/app.css',
  30             body_class: 'container',
  31             relative_urls: false,
  32             height: 600,
  33             plugins: "image table textcolor paste link imagetools",
  34             toolbar: "undo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | table image link | fontsizeselect full",
  35             content_style: "body {padding-left: 15px !important; padding-right: 15px !important; margin:0!important}",
  36             file_browser_callback: function(field_name, url, type, win) {
  37                 ImageManager.show('#image-manager', function(image) {
  38                     win.document.getElementById(field_name).value = image.url;
  39                     if ("createEvent" in document) {
  40                         var evt = document.createEvent("HTMLEvents");
  41                         evt.initEvent("change", false, true);
  42                         win.document.getElementById(field_name).dispatchEvent(evt);
  43                     } else {
  44                         win.document.getElementById(field_name).fireEvent("onchange");
  45                     }
  46                 });
  47             },
  48             setup: function(editor) {
  49                 editor.addButton('full', {
  50                     title: 'Expand Editor',
  51                     icon: 'fullscreen',
  52                     onclick: function() {
  53                         var container = $(editor.getContainer()).toggleClass('fullscreen');
  54                         var isFull = container.hasClass('fullscreen');
  55                         var iframe = container.find('iframe').first();
  56                         var height = isFull ? $(window).height()-110 : 600;
  57                         iframe.css('height', height + 'px');
  58                     }
  59                 });
  60             }
  61         });
  62
  63
  64
  65     });
  66 </script>