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

Tutsplanet

Free Technical and Blogging Resources

  • Home
  • Web Hosting
  • Programming
  • Plugins
  • Twitter Trends
  • Tools
  • About Us

Programming TagsLaravel

How To Install And Use CKEditor In Laravel?

Sep 23, 2019 Editorial Staff Leave a Comment

Share
Tweet
Share
16 Shares

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

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

  • Top 21 Website Ideas To Make Money Online in 2021
  • A Simple YouTube Video Downloader Script in PHP
  • The 50 Most Useful jQuery Plugins for Frontend Development
  • Replace “\n” with new line characters, using Notepad++
  • Using Third-Party Libraries in Codeigniter
  • Upload Multiple Images and Store in Database using PHP and MySQL.
  • Hierarchical Tree view Category Example in Laravel
  • Laravel Image Intervention Tutorial With Example
  • How to import sql file in MySQL database using PHP?
  • Free VAT Calculator Online

Subscribe

* indicates required



Search Here

Share

   



Hot topics

  • Replace “\n” with new line characters, using Notepad++ 15 views
  • Solution: windows photo viewer opens each time save a pic file 11 views
  • A Simple YouTube Video Downloader Script in PHP 10 views
  • How to Create PDF File From HTML Form Using Fpdf? 9 views
  • How to create and download a Zip file with PHP 8 views
  • Simple PHP Shopping Cart 7 views
  • How to set up GitHub SSH in Ubuntu with example 7 views
  • How to enter new line in Microsoft Teams? 7 views
  • Laravel Eloquent Select Column as Alias 7 views
  • Hierarchical Tree view Category Example in Laravel 7 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 © 2023 · Planet on Genesis Framework · Powered By BunnyCDN . Network wallpapernoon.com