Laravel quill editör

31-05-2019, 03:34:38

Merhaba,

Laravel ile geliştirmekte olduğum bir script için quill editör kullanmak istiyorum ancak quill editör sadece div etiketleri arasında çalıştığı için textarea'ya entegre edemedim. https://quilljs.com/playground/#form-submit şöyle bir örnek verilmiş fakat yinede çözemedim yardımcı olabilecekler var mı ?

31-05-2019, 04:35:22

#2

picpoket

Merhaba,

Quill textarea ile çalışmıyor maalesef bu sebepten dolayı formu göndermeden önce div içerisindeki içeriği gizli bir input olarak veya textarea olarak append edip form ile göndermeniz ki örnektede bu zaten yapılmış : )

var form = document.querySelector('form'); // Form seçilip değişkene atanıyor.
form.onsubmit = function() { //Formu gönderirken bu işlemler yapılacak

var about = document.querySelector('input[name=about]'); // oluşturulacak veya oluşturulmuş gizli input bir değişkene aktarılıyor
about.value = JSON.stringify(quill.getContents()); // Quill'içerisindeki datalar json'a çevrilip input içerisine basılıyor.

console.log("Submitted", $(form).serialize(), $(form).serializeArray()); // Form içerisindeki datalar konsola basılıyor

// No back end to actually submit to!
alert('Open the console to see the submit data!') // Alert ile konsola bakmamız gerektiği söyleniyor
return false; // form gönderme işlemi durduruluyor.
};

31-05-2019, 13:45:14

#3

hasanbugra

picpoket adlı üyeden alıntı: mesajı görüntüle

Merhaba,

Quill textarea ile çalışmıyor maalesef bu sebepten dolayı formu göndermeden önce div içerisindeki içeriği gizli bir input olarak veya textarea olarak append edip form ile göndermeniz ki örnektede bu zaten yapılmış : )

var form = document.querySelector('form'); // Form seçilip değişkene atanıyor.
form.onsubmit = function() { //Formu gönderirken bu işlemler yapılacak

var about = document.querySelector('input[name=about]'); // oluşturulacak veya oluşturulmuş gizli input bir değişkene aktarılıyor
about.value = JSON.stringify(quill.getContents()); // Quill'içerisindeki datalar json'a çevrilip input içerisine basılıyor.

console.log("Submitted", $(form).serialize(), $(form).serializeArray()); // Form içerisindeki datalar konsola basılıyor

// No back end to actually submit to!
alert('Open the console to see the submit data!') // Alert ile konsola bakmamız gerektiği söyleniyor
return false; // form gönderme işlemi durduruluyor.
};

Evet o zaten yapışmış hocam js tarafında eksiğim uyarlayamadım neyseki sorun ortadan kalktı ckeditor ile teşekkür ederim