BookStack/resources/views/pages/form.blade.php

67 lines
2.4 KiB
PHP
Raw Normal View History

2015-07-15 21:55:49 +00:00
2015-07-21 21:11:30 +00:00
<div class="page-style editor">
2015-07-15 21:55:49 +00:00
{{ csrf_field() }}
2015-07-21 21:11:30 +00:00
<div class="title-input title-strip clearfix">
<button type="submit" class="button pos float right">Save Page</button>
<div class="float left">
@include('form/text', ['name' => 'name', 'placeholder' => 'Enter Page Title'])
</div>
2015-07-12 20:31:15 +00:00
</div>
2015-07-15 21:55:49 +00:00
<div class="edit-area">
@include('form/textarea', ['name' => 'html'])
2015-07-12 20:31:15 +00:00
</div>
2015-07-15 21:55:49 +00:00
2015-07-12 20:31:15 +00:00
</div>
2015-07-15 21:55:49 +00:00
2015-07-16 18:15:22 +00:00
2015-07-15 21:55:49 +00:00
<script>
$(function() {
//ImageManager.show('#image-manager');
tinymce.init({
selector: '.edit-area textarea',
content_css: '/css/app.css',
body_class: 'container',
relative_urls: false,
2015-07-21 21:11:30 +00:00
statusbar: false,
2015-07-15 21:55:49 +00:00
height: 600,
plugins: "image table textcolor paste link imagetools",
2015-07-16 18:15:22 +00:00
toolbar: "undo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | table image link | fontsizeselect full",
2015-07-15 21:55:49 +00:00
content_style: "body {padding-left: 15px !important; padding-right: 15px !important; margin:0!important}",
file_browser_callback: function(field_name, url, type, win) {
ImageManager.show('#image-manager', function(image) {
win.document.getElementById(field_name).value = image.url;
if ("createEvent" in document) {
var evt = document.createEvent("HTMLEvents");
evt.initEvent("change", false, true);
win.document.getElementById(field_name).dispatchEvent(evt);
} else {
win.document.getElementById(field_name).fireEvent("onchange");
}
});
},
setup: function(editor) {
editor.addButton('full', {
2015-07-21 20:16:26 +00:00
title: 'Expand Editor',
icon: 'fullscreen',
2015-07-15 21:55:49 +00:00
onclick: function() {
var container = $(editor.getContainer()).toggleClass('fullscreen');
2015-07-21 20:16:26 +00:00
var isFull = container.hasClass('fullscreen');
var iframe = container.find('iframe').first();
var height = isFull ? $(window).height()-110 : 600;
iframe.css('height', height + 'px');
2015-07-15 21:55:49 +00:00
}
});
}
});
});
</script>