حل مشکل ارسال اطلاعات ckEditor در لایو وایر

سلام دوستان برنامه نویس
در این مقاله میخوام یکی دیگه از مشکلاتی که در لایو وایر وجود داره حل کنیم و از لایو وایر لذت کامل ببریم
من خودم به این مشکل برخورد کردم ، راه های زیادی وجود داره حلش کنیم ولی به نظر من بهترین و تمیز ترین کدی که پیدا کردم این بود

خب اول از همه 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 به راحتی به کامپوننت لایو وایرمون ارسال میشه و مشکل به همین راحتی حل شد

خوشجال میشم لایک کنید و نظراتتون را بگید یا سوالی هست بپرسید
ممون از تیم راکت