No Content Found
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;};কোড উদাহরণ:<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 এডিট করতে পারবে।