tiny mce integration on the way

This commit is contained in:
prashant-webkul 2018-10-27 19:05:01 +05:30
parent a643127eb3
commit f5b4cc4c46
4 changed files with 27 additions and 25 deletions

View File

@ -6,20 +6,18 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="csrf-token" content="{{ csrf_token() }}">
<link rel="icon" sizes="16x16" href="{{ asset('vendor/webkul/ui/assets/images/favicon.ico') }}" />
<link rel="stylesheet" href="{{ asset('vendor/webkul/admin/assets/css/admin.css') }}">
<link rel="stylesheet" href="{{ asset('vendor/webkul/ui/assets/css/ui.css') }}">
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
crossorigin="anonymous"></script>
@yield('head')
@yield('css')
</head>
<body>
<body onload="loadTinyMCE()">
<div id="app">
<flash-wrapper ref='flashes'></flash-wrapper>
@ -55,22 +53,28 @@
</script>
<script type="text/javascript" src="{{ asset('vendor/webkul/admin/assets/js/admin.js') }}"></script>
<script type="text/javascript" src="{{ asset('vendor/webkul/ui/assets/js/ui.js') }}"></script>
<script type="text/javascript" src="{{ asset('js/tinyMCE/tinymce.min.js') }}"></script>
<script>
tinymce.init({
seletor: 'textarea',
height: 500,
menubar: false,
toolbar: 'insert | undo redo | formatselect | bold italic backcolor | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | removeformat'
});
</script>
@stack('scripts')
<script src="{{ asset('js/tinyMCE/tinymce.min.js') }}"></script>
<script>
function loadTinyMCE() {
tinymce.init({
selector: 'textarea',
height: 300,
width: 535,
plugins: 'image imagetools media wordcount save fullscreen',
toolbar1: 'formatselect | bold italic strikethrough forecolor backcolor | link | alignleft aligncenter alignright alignjustify | numlist bullist outdent indent | removeformat',
image_advtab: true,
templates: [
{ title: 'Test template 1', content: 'Test 1' },
{ title: 'Test template 2', content: 'Test 2' }
],
});
}
</script>
<div class="modal-overlay"></div>
</body>
</html>

View File

@ -57,7 +57,7 @@
<div class="control-group" :class="[errors.has('content') ? 'has-error' : '']">
<label for="content">{{ __('admin::app.settings.sliders.content') }}</label>
<textarea class="control" id="add_content" name="content" v-validate="'required'" rows="5"></textarea>
<textarea class="control" id="add_content" name="content" rows="5"></textarea>
{{-- <textarea></textarea> --}}
<span class="control-error" v-if="errors.has('content')">@{{ errors.first('content') }}</span>

View File

@ -51,20 +51,19 @@
<span class="control-error" v-if="errors.has('image')">@{{ errors.first('image') }}</span>
</image-upload>
{{-- <div class="control-group">
<image-wrapper :button-label="'{{ __('admin::app.catalog.products.add-image-btn-title') }}'" input-name="image" :multiple="false"></image-wrapper>
</div> --}}
</div>
<div class="control-group" :class="[errors.has('content') ? 'has-error' : '']">
<label for="content">{{ __('admin::app.settings.sliders.content') }}</label>
<textarea class="control" id="add_content" name="content" v-validate="'required'" rows="5">{{ $slider->content ? : old('content') }}</textarea>
<div class="panel-body">
<textarea class="control" id="add_content" name="content" v-validate="'required'" rows="5">{{ $slider->content ? : old('content') }}</textarea>
</div>
<span class="control-error" v-if="errors.has('content')">@{{ errors.first('content') }}</span>
</div>
</div>
</div>
</form>

View File

@ -24,7 +24,6 @@ class SliderController extends controller
{
$this->slider = $slider;
$this->_config = request('_config');
}
/**
@ -54,7 +53,7 @@ class SliderController extends controller
* @return response
*/
public function store() {
// dd(request()->all());
$this->slider->create(request()->all());
session()->flash('success', 'Slider created successfully.');