davide-casiraghi/laravel-smart-blog

{{--
    TEXTAREA with tinymce editor.

    PARAMETERS:
        - $title: string - the title to show
        - $name: string - the select name attribute
        - $placeholder: string - the text shown when no text present 
        - $value: the already stored value (used in edit view to retrieve the already stored value)
--}}

@section('javascript')
    @parent

    <!-- Initialize editor for the main textbox -->
    <script src="{{ asset('js/tinymce/tinymce.min.js') }}" ></script>
    <script>
        // https://www.tiny.cloud/docs/get-started/basic-setup/
            var editor_config = {
                selector: 'textarea#bodyTextarea',
                
                // Remove Html tags from paste text
                    paste_as_text: true, //!important
                
                // Allow link target blank
                    extended_valid_elements: 'a[href|target]',
                
                /*plugins : 'advlist autolink link image lists charmap print preview spellchecker media table',*/
                plugins: [
                 "advlist autolink lists link image charmap print preview hr anchor pagebreak",
                 "searchreplace wordcount visualblocks visualchars code fullscreen",
                 "insertdatetime media nonbreaking save table contextmenu directionality",
                 "emoticons template paste textcolor colorpicker textpattern"
               ],
                theme: 'modern',
                height: 400,
                {{-- toolbar: 'undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist | blockquote | link image media  | hr', --}}
                toolbar: 'bold | bullist  link ',
                menubar: false,
                path_absolute : "/",
                relative_urls: false,
                {{-- do not delete the commented lines of tinymce! .. this is a file browser that can be useful for articles --}}
                {{--file_browser_callback : function(field_name, url, type, win) {
                  var x = window.innerWidth || document.documentElement.clientWidth || document.getElementsByTagName('body')[0].clientWidth;
                  var y = window.innerHeight|| document.documentElement.clientHeight|| document.getElementsByTagName('body')[0].clientHeight;

                  var cmsURL = editor_config.path_absolute + 'laravel-filemanager?field_name=' + field_name;
                  if (type == 'image') {
                    cmsURL = cmsURL + "&type=Images";
                  } else {
                    cmsURL = cmsURL + "&type=Files";
                  }

                  tinyMCE.activeEditor.windowManager.open({
                    file : cmsURL,
                    title : 'Filemanager',
                    width : x * 0.8,
                    height : y * 0.8,
                    resizable : "yes",
                    close_previous : "no"
                  });
              } --}}
            };

            tinymce.init(editor_config);
        </script>
@stop

<div class="form-group {{ $name }}">
    <label for="{{ $name }}">{{ $title }}@if($required) <span class="dark-gray" data-toggle="tooltip" data-placement="top" title="@lang('views.required')">*</span>@endif</label>
    <textarea   class="form-control" 
                style="height:150px" 
                name="{{ $name }}" 
                @if(!empty($placeholder)) placeholder="{{ $placeholder }}" @endif 
                id="bodyTextarea">
                    @if(!empty($value)){!! $value !!} @endif
    </textarea>
</div>