How To Add Ckeditor In Laravel

Websolutionstuff | Jun-18-2020 | Categories : Laravel PHP jQuery

In this article, I will explain you how to add ckeditor in laravel, CKEditor is a WYSIWYG rich text editor, in ckeditor we can writing content directly inside of web pages or online applications.

CKEditor provides 200 plus features like add images, create html tables, changes font size and style, add links, add snippet ,code and many more feature. it is opensource editor, and you can create your customize package and download from it's official website.

Step 1: Create a new project(if not exist) 
Step 2: Add cdn file
Step 3: Add HTML code
Step 4: Add the script of CKEditor

So, let's see add CKEditor to our application or how to use CKEditor in laravel.

<html>
    <head>
        <meta charset="utf-8">
        <title>How to add CKEditor in laravel - websolutionstuff.com</title>
        <script src="https://cdn.ckeditor.com/4.14.0/standard/ckeditor.js"></script>
    </head>
    <body>
        <div class="row">
            <div class="col-md-12">
                <h1 style="text-align: center;">How to add CKEditor in laravel - websolutionstuff.com</h1>
                <div class="col-md-12">        
                    <textarea name="editor1"></textarea>
                </div>
            </div>
        </div>        
        <script>
                CKEDITOR.replace( 'editor1',{
                    height:300,
                });
        </script>
    </body>
</html>

 

 

You need to add ckeditor's js file and a script and you will find output like the below screenprint.

 

ckeditor


You might also like:

Recommended Post
Featured Post
Skype Screen Sharing Not Working Ubuntu In 22.04
Skype Screen Sharing Not Worki...

In this article, we will see skype screen sharing is not working in ubuntu 22.04. When you install skype in ubuntu...

Read More

Feb-15-2023

Laravel 9 Generate PDF File Using DomPDF
Laravel 9 Generate PDF File Us...

In this tutorial, we will see laravel 9 generate pdf file using dompdf. For generating pdf files we will use the la...

Read More

Feb-25-2022

Laravel 8 One To Many Polymorphic Relationship
Laravel 8 One To Many Polymorp...

In this tutorial we will learn about laravel 8 one to many polymorphic relationship. A one-to-many polymorphic rela...

Read More

Nov-19-2021

Laravel 9 Many To Many Relationship Example
Laravel 9 Many To Many Relatio...

In this article, we will see laravel 9 many to many relationship example. Also, you can use many to many relationsh...

Read More

Apr-03-2022