Masalah:

Saya telah menerapkan Tiny MCE untuk artikel berita saya dan berfungsi. Ketika saya menerapkan kode yang sama pada halaman mentah yang berbeda, konten Tiny MCE tidak disimpan ke dalam variabel saya.

Saya memiliki komponen Livewire yang memiliki input teks dan input textarea menggunakan editor tinymce, tetapi ketika saya mengetik ke dalam input teks editor tinymce sedang dihapus. Saya rasa ini karena Livewire merender ulang elemen dan oleh karena itu javascript yang menginisialisasi editor tinymce dipecat, tapi saya tidak yakin bagaimana menyelesaikan masalah. Langkah-langkah untuk Mereproduksi: Buat komponen Livewire dengan input teks dan textarea. Lampirkan editor tinymce ke textarea. Apakah Anda menggunakan Livewire versi terbaru:

Jawaban:

<div wire:ignore>
    <textarea wire:model="privacyPolicy.description" class="description" name="description"></textarea>
</div>

Ini menghentikan setiap perubahan pada tinymce dengan yang berikut di skrip.

    tinymce.init({
        selector: 'textarea.description',
        height: (window.innerHeight - 300),
        forced_root_block: false,
        setup: function (editor) {
            editor.on('init change', function () {
                editor.save();
            });
            editor.on('change', function (e) {
            @this.set('privacyPolicy.description', editor.getContent());
            });
        },