How to insert ckeditor data into database in Laravel?
How to insert ckeditor data into database in Laravel?
Through the use of the programming language, we will work together to solve the "How to insert ckeditor data into database in Laravel?" puzzle in this lesson.
You can insert ckeditor data into database in Laravel. You have to add ckeditor CDN script in HTML page and add form input element (textarea) and call the input element to replace as the ckeditor-
Save form data using ckeditor in Laravel
//routes\web.php use App\Http\Controllers\PostController; Route::get('/post/create', [PostController::class, 'create'])->name('post.create'); Route::post('/post/store', [PostController::class, 'store'])->name('post.store'); //app\Models\Post.php //Create post model with command <strong>php artisan make:model Post in terminal namespace App\Models; use Illuminate\Database\Eloquent\Factories\HasFactory; use Illuminate\Database\Eloquent\Model; class Post extends Model { protected $table = "posts"; protected $fillable = [ 'title', 'body' ]; } //app\Http\Controllers\PostController.php //Create controller using php artisan make:controller PostController in command prompt. //Import session facade and post model in post controller after namespace before class definition in PostController. use Illuminate\Support\Facades\Session; use App\Models\Post; //Controller’s method public function create(){ return view('post.create'); } public function store(Request $request){ $request->validate([ 'title' => 'required|unique:posts|max:200', 'body' => 'required' ]); $post = Post::create([ 'title' => $request->title, 'body' => $request->body ]); if(!$post){ Session::flash('message', 'Error while creating post !'); Session::flash('alert-class', 'alert-danger'); return redirect()->back(); } Session::flash('message', 'Post has been created successfully !'); Session::flash('alert-class', 'alert-success'); return redirect()->back(); } //resources\views\post\create.blade.php <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Create Post</title> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous"> <script src="https://cdn.ckeditor.com/ckeditor5/30.0.0/classic/ckeditor.js"></script> </head> <body> <div class="container mt-3"> <div class="row"> <div class="col-md-12"> <h3 class="text-center mb-4"> Create Post </h3> @if(Session::has('message')) <div class="alert {{ Session::get('alert-class', 'alert-info') }} alert-dismissible fade show"> {{ Session::get('message') }} <button type="button" class="close" data-dismiss="alert" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> @endif <form action="{{ route('post.store') }}" method="POST" enctype="multipart/form-data"> @csrf <div class="form-group row mb-4"> <label class="col-sm-2 col-form-label">Title : </label> <div class="col-md-8"> <input type="text" name="title" class="form-control" placeholder="Enter title" value="{{ old('title') }}"> @error('title') <div class="alert alert-danger mt-2 p-2">{{ $message }}</div> @enderror </div> </div> <div class="form-group row mb-4"> <label class="col-sm-2 col-form-label">Body : </label> <div class="col-md-8"> <textarea name="body"> </div> </div> </form> </div> </div> </div> <script> ClassicEditor.create(document.querySelector('#editor')) .catch( error => { console.error( error ); }); </script> </body>
Output:
If you like what you are reading, please consider buying us a coffee ( or 2 ) as a token of appreciation.
Don't forget to share this article! Help us spread the word by clicking the share button below.
We appreciate your support and are committed to providing you valuable and informative content.
We are thankful for your never ending support.
Random Code Snippet Queries: Laravel
- Laravel create multiple records in Pivot table
- Laravel recursive function in controller
- SQLSTATE[42S21]: Column already exists: 1060 Duplicate column name 'user_id'
- How to get last year records count with month wise in Laravel
- Argument 1 passed to Symfony\Component\HttpFoundation\Response::setContent() must be of the type string or null, object given
- Display success message in laravel
- Get id of last inserted record in laravel
- Trying to access array offset on value of type null error in laravel
- Ajax POST request in laravel
- How to print form data in laravel
- How to get single column value in laravel
- How to get the id of last record from collection object in laravel view
- How to get data from two tables in laravel
- How to check duplicate entry in laravel
- How to check data inserted or deleted in pivot after toggle method
- How to change default timestamp fields name in Laravel
- Import/Use Storage facade in laravel
- Call to a member function update() on null
- Add class to body in laravel view
- Update email with unique validation in laravel
- Get last week data in Laravel
- Rendering HTML from database table to view in Laravel
- How to add foreign key in laravel using migration
- How to get specific columns using Laravel eloquent methods
- Delete records with relationship in laravel