loading...

How To Use Summernote WYSIWYG Editor With Laravel?

robertlook profile image Robert Look 惻1 min read

In this post, we will learn laravel summernote editor with example. I would like to share how to use summernote editor in laravel. Iā€™m going to share with you how to install summernote in laravel. you will be learn summernote editor in laravel.

we need to use a rich textbox in our laravel application. you can use Summernote WYSIWYG editor, Summernote is wide range use and very popular and you can easily use Summernote without using any library here.

                <div class="card-body">
                    <form method="post" action="" enctype="multipart/form-data">
                        @csrf
                        <div class="form-group">
                            <label>Name</label>
                            <input type="text" name="name" class="form-control" placeholder="Name"/>
                        </div>  
                        <div class="form-group">
                            <label>Email</label>
                            <input type="email" name="email" class="form-control" placeholder="Email"/>
                        </div> 
                        <div class="form-group">
                            <label><strong>Description :</strong></label>
                            <textarea class="summernote" rows="10" name="description"></textarea>
                        </div>
                        <div class="form-group text-center">
                            <button type="submit" class="btn btn-success btn-sm">Save</button>
                        </div>
                    </form>
                </div>

<script type="text/javascript">
    $(document).ready(function() {
      $('.summernote').summernote();
    });
</script>

Read More: https://www.phpcodingstuff.com/blog/how-to-use-summernote-wysiwyg-editor-with-laravel.html

Posted on by:

robertlook profile

Robert Look

@robertlook

I'm a Web Application Developer with 6 years of experience. Currently, I'm working on front-end & back-end web developm

Discussion

pic
Editor guide