• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
logo

Tutsplanet

Free Technical and Blogging Resources

  • Home
  • Web Hosting
  • Programming
  • Plugins
  • Write For US
  • News
  • About Us
  • Snippets
You are here: Home / Programming / How To Install And Use CKEditor In Laravel?

How To Install And Use CKEditor In Laravel?

Sep 23, 2019 by Editorial Staff Leave a Comment

Today’s tutorial, we will show you how to use CKeditor in Laravel. CKEditor is a WYSIWYG HTML editor which allows us to write rich text formats.

We can have HTML elements in the textarea, but it doesn’t have formatting options. Updating this HTML in textarea needs expertise in HTML/CSS. That’s why we have CKeditor, which is a rich text editor, and it will work like Microsoft Word.

How to install CKeditor in Laravel?

composer require unisharp/laravel-ckeditor

Next, we need to add the service provider in order to call from controller/view.

Edit config/app.php, add the following file to Application Service Providers section.

Unisharp\Ckeditor\ServiceProvider::class,

Once you finished with the above steps, run the below command to publish the assets, which will copy from vendor\unisharp\laravel-ckeditorto public\vendor\unisharp\laravel-ckeditor

php artisan vendor:publish --tag=ckeditor

How to use CKeditor in web form?

So far we have finished the setup/installation of CKeditor. Now we can check how to use this in real form.

In body tag, add the textarea form element, which will have the ckeditor input.

<textarea name="editor" id="editor"></textarea>

Next, we can insert the Javascript for the CKeditor, use the below code before closing the body tag.

<script src="{{ asset('vendor/unisharp/laravel-ckeditor/ckeditor.js') }}"></script>
<script>
    CKEDITOR.replace( 'editor' );
</script>

This JavaScript replaces the conventional textarea to ckeditor enabled textarea.

 

How to upload real image in CKEDITOR?

We have a great tutorial for that, please click here


Editorial Staff

Editorial Staff at Tutsplanet is a dedicated team to write various tutorials about subjects like Programming, Technology and Operating Systems.

View all posts by Editorial Staff

Filed Under: Programming Tagged With: Laravel

Reader Interactions

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Primary Sidebar




Quick Links

  • A Simple YouTube Video Downloader Script in PHP
  • The 50 Most Useful jQuery Plugins for Frontend Development
  • Base64 Decode Online
  • Base64 Encode Online

Subscribe

* indicates required

Share

   

Hot topics

  • A Simple YouTube Video Downloader Script in PHP 268 views
  • Replace “\n” with new line characters, using Notepad++ 242 views
  • Add FTP/SFTP in Visual Studio Code 176 views
  • Open a URL in a new tab using JavaScript 140 views
  • Using Third-Party Libraries in Codeigniter 138 views
  • Upload Multiple Images and Store in Database using PHP and MySQL. 130 views
  • Laravel Image Intervention Tutorial With Example 125 views
  • Hierarchical Tree view Category Example in Laravel 112 views
  • Spout, an awesome library for reading and writing in Excel. 101 views
  • Manually Install APK Files In Android Studio Emulator 98 views

Categories

  • Design & Development
  • Drupal
  • Facebook
  • General
  • How To
  • ios
  • Javascript
  • Linux
  • Magento
  • Marketing
  • News
  • PHP
  • Plugins
  • Programming
  • Snippets List
  • Social Media
  • Softwares
  • Themes
  • Tips
  • Wordpress
  • YouTube

Copyright © 2021 · TutsPlanet Gene Theme on Genesis Framework · Powered By BunnyCDN