DEV Community

loading...

How To Add Ckeditor In Laravel

websolutionstuff profile image Websolutionstuff Originally published at websolutionstuff.com ・1 min read
  • In this small tutorial 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.

So,let's start and add ckeditor in our application.

<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>
Enter fullscreen mode Exit fullscreen mode

You need to add ckeditor's javascript file and you will find output like below screenprint.

How To Add Ckeditor In Laravel

This Post Originally Post on Websolutionstuff

Discussion (0)

pic
Editor guide