Laravel-এ Quill Editor

Laravel-এ Quill Editor
Laravel-এ Quill Editor ব্যবহার

Laravel-এ Quill Editor ব্যবহারের জন্য আপনি নিচের ধাপগুলো অনুসরণ করতে পারেন:Quill Editor সেটআপ করার ধাপ:1. Quill এর লাইব্রেরি ইনস্টল করা: প্রথমে আপনার প্রোজেক্টে Quill এর CSS এবং JS ফাইল যুক্ত করতে হবে। আপনি CDN ব্যবহার করতে পারেন, যেমন:<script src="https://cdn.quilljs.com/1.3.6/quill.js"></script>2. HTML এ Editor এর জায়গা তৈরি করা: আপনার Blade ফাইলে একটা div যোগ করুন যেখানে Editor শো করবে:

3. Quill Editor ইনিশিয়ালাইজ করা: এখন JavaScript এর মাধ্যমে Quill Editor ইনিশিয়ালাইজ করুন:var quill = new Quill('#editor', {   theme: 'snow' // 'snow' বা 'bubble' থিম ব্যবহার করতে পারেন});4. Content পাঠানোর জন্য একটা Hidden Field তৈরি করা: আপনি যখন ফর্ম সাবমিট করবেন, তখন Quill এর ডেটা একটা hidden ফিল্ডের মাধ্যমে পাঠাতে হবে:5. সাবমিট এর সময় ডেটা সেট করা: ফর্ম সাবমিট হওয়ার আগে Quill এর ডেটা hidden ফিল্ডে সেট করতে হবে:var form = document.querySelector('form');form.onsubmit = function() {   var content = document.querySelector('input[name=content]');   content.value = quill.root.innerHTML;};কোড উদাহরণ:
  @csrf  
   
<script src="https://cdn.quilljs.com/1.3.6/quill.js"></script><script>   var quill = new Quill('#editor', {       theme: 'snow'   });       var form = document.querySelector('form');   form.onsubmit = function() {       var content = document.querySelector('input[name=content]');       content.value = quill.root.innerHTML;   };</script>Laravel এ কিভাবে ডেটা সংরক্ষণ করবেন:আপনি সাধারণ ভাবে Request এর মাধ্যমে ডেটা গ্রহণ করে আপনার ডাটাবেজে সংরক্ষণ করতে পারেন:public function store(Request $request){   $data = $request->input('content');   // এখানে ডেটা সংরক্ষণ করুন}এভাবে আপনি Laravel-এ Quill Editor ব্যবহার করতে পারেন।এটি আপনার Laravel প্রোজেক্টের জন্য সহজেই ইন্টিগ্রেট করা যাবে এবং ইউজাররা সুন্দরভাবে Rich Text এডিট করতে পারবে।

Write a Associte Comment
Markdown Editor