سلام دوستان برنامه نویس
در این مقاله میخوام یکی دیگه از مشکلاتی که در لایو وایر وجود داره حل کنیم و از لایو وایر لذت کامل ببریم
من خودم به این مشکل برخورد کردم ، راه های زیادی وجود داره حلش کنیم ولی به نظر من بهترین و تمیز ترین کدی که پیدا کردم این بود
خب اول از همه ckeditor را به پروژه ی لایو وایریمون اضافه میکنیم که مطمعنا هرکسی که لاراول بلد باشه این کارو بلده و نیاز به توضیح نیست
خب در اینجا باید تگ textarea را به صورت زیر در پروژمون اضافه کنیم
<div wire:ignore class="form-group row">
<textarea wire:model="message" class="form-control required" name="message" id="message"></textarea>
</div>
خب پس از اینکار فقط کافیه کد های زیر را در آخر ویو کامپوننت لایو وایریمون پوش کنیم یا اضافه کنیم
CKEDITOR-4 :
<script src="https://cdn.ckeditor.com/4.16.1/full/ckeditor.js"></script>
<script>
const editor = CKEDITOR.replace('message');
editor.on('change', function(event){
console.log(event.editor.getData())
@this.set('message', event.editor.getData());
})
</script>
CKEDITOR-5 :
<script src="https://cdn.ckeditor.com/ckeditor5/27.1.0/classic/ckeditor.js"></script>
<script>
ClassicEditor
.create(document.querySelector('#message'))
.then(editor => {
editor.model.document.on('change:data', () => {
@this.set('message', editor.getData());
})
})
.catch(error => {
console.error(error);
});
</script>
خب دیگه کار تمومه و الان اطلاعات ckEditor به راحتی به کامپوننت لایو وایرمون ارسال میشه و مشکل به همین راحتی حل شد
خوشجال میشم لایک کنید و نظراتتون را بگید یا سوالی هست بپرسید
ممون از تیم راکت
دیدگاه و پرسش
در حال دریافت نظرات از سرور، لطفا منتظر بمانید
در حال دریافت نظرات از سرور، لطفا منتظر بمانید