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

   1
   2
   3
   4 <div class="page-style editor">
   5
   6     {{ csrf_field() }}
   7     <div class="title-input page-title clearfix">
   8         <div class="input">
   9             @include('form/text', ['name' => 'name', 'placeholder' => 'Page Title'])
  10         </div>
  11     </div>
  12     <div class="edit-area">
  13         @include('form/textarea', ['name' => 'html'])
  14     </div>
  15     <div class="margin-top large">
  16         <a onclick="window.history.back();" class="button muted">Cancel</a>
  17         <button type="submit" class="button pos">Save Page</button>
  18     </div>
  19 </div>
  20
  21
  22
  23
  24
  25 <script>
  26     $(function() {
  27         //ImageManager.show('#image-manager');
  28
  29         tinymce.init({
  30             selector: '.edit-area textarea',
  31             content_css: [
  32                 '/css/app.css',
  33                 '//fonts.googleapis.com/css?family=Roboto:400,400italic,500,500italic,700,700italic,300italic,100,300'
  34             ],
  35             body_class: 'page-content',
  36             relative_urls: false,
  37             statusbar: false,
  38             menubar: false,
  39             height: 700,
  40             plugins: "image table textcolor paste link imagetools fullscreen",
  41             toolbar: "undo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | table image link | fullscreen",
  42             content_style: "body {padding-left: 15px !important; padding-right: 15px !important; margin:0!important; margin-left:auto!important;margin-right:auto!important;}",
  43             file_browser_callback: function(field_name, url, type, win) {
  44                 ImageManager.show(function(image) {
  45                     win.document.getElementById(field_name).value = image.url;
  46                     if ("createEvent" in document) {
  47                         var evt = document.createEvent("HTMLEvents");
  48                         evt.initEvent("change", false, true);
  49                         win.document.getElementById(field_name).dispatchEvent(evt);
  50                     } else {
  51                         win.document.getElementById(field_name).fireEvent("onchange");
  52                     }
  53                 });
  54             }
  55 //            setup: function(editor) {
  56 //                editor.addButton('full', {
  57 //                    title: 'Expand Editor',
  58 //                    icon: 'fullscreen',
  59 //                    onclick: function() {
  60 //                        var container = $(editor.getContainer()).toggleClass('fullscreen');
  61 //                        var isFull = container.hasClass('fullscreen');
  62 //                        var iframe = container.find('iframe').first();
  63 //                        var height = isFull ? $(window).height()-110 : 600;
  64 //                        iframe.css('height', height + 'px');
  65 //                    }
  66 //                });
  67 //            }
  68         });
  69
  70
  71
  72     });
  73 </script>