CasperSecurity

Current Path : /var/www/hrms.uiet.co.in/resources/views/

Upload File :

Current File : /var/www/hrms.uiet.co.in/resources/views/texteditor.blade.php

<x-app-layout>

    <x-slot name="header">
        <div class="page-title d-flex flex-column me-5">
            <!--begin::Title-->
            <h1 class="d-flex flex-column text-dark fw-bolder fs-2 mb-0">Dashbaord</h1>
            <!--end::Title-->
            <!--begin::Breadcrumb-->
            <ul class="breadcrumb breadcrumb-separatorless fw-bold fs-7 pt-1">
                <!--begin::Item-->
                <li class="breadcrumb-item text-dark">Dashboard</li>
                <!--end::Item-->
            </ul>
            <!--end::Breadcrumb-->
        </div>
    </x-slot>
    <x-slot name="container">

        <div class="content d-flex flex-column flex-column-fluid" id="kt_content">
            <div id="kt_content_container" class="container-fluid px-4">
                <div class="row g-6 g-xl-9">
                    <div class=" col-md-12 px-2">
                                                        <textarea class="form-control" name="summernote"
                                                                  id="summernote" style="height: 500px;"></textarea>
                    </div>
                </div>

            </div>
        </div>

    </x-slot>

    <x-slot name="externaljs">
        <link href="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.20/summernote-bs5.min.css" rel="stylesheet">
        <script src="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.20/summernote-bs5.min.js"></script>

        <script>
            $(document).ready(function() {
                initiateeditor();

            });

            function initiateeditor() {
               // $('#summernote').summernote('reset');
                $('#summernote').summernote({
                    height: 500,                 // set editor height
                    minHeight: null,             // set minimum height of editor
                    maxHeight: null,             // set maximum height of editor
                    focus: true,
                    tabsize: 2,
                    fontNames: ['Arial', 'Arial Black', 'Comic Sans MS', 'Courier New'],
                    toolbar: [

                        ['font', ['bold', 'underline', 'clear']],

                        ['view', [ 'help']]
                    ]
                });

            }
        </script>
    </x-slot>


</x-app-layout>