حل مشکل ارسال اطلاعات  ckEditor در لایو وایر
ﺯﻣﺎﻥ ﻣﻄﺎﻟﻌﻪ: 59 ثانیه

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

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

چه امتیازی برای این مقاله میدهید؟

خیلی بد
بد
متوسط
خوب
عالی
3.4 از 5 رای

/@hosseindid
حسین بهرامی
برنامه نویس

حسین بهرامی هستم ساکن شهرستان مبارکه ی استان اصفهان ، سه ساله که بطور حرفه ای کد نویسی میکنم و دو سال است روی پروژه ی شخصی خودم فروشگاه تخصصی لپ تاپ دید کار میکنم . تخصص های من css , php , laravel , livewire,java script , و مقدار کمی سئو است .

دیدگاه و پرسش

برای ارسال دیدگاه لازم است وارد شده یا ثبت‌نام کنید ورود یا ثبت‌نام

در حال دریافت نظرات از سرور، لطفا منتظر بمانید

در حال دریافت نظرات از سرور، لطفا منتظر بمانید