Javascript Kodu İçerisinde Ckeditor Etkin Olmuyor
Resme bakınız. Ekle'ye tıklayınca, aynı form'dan bir tane daha açılıyor aşağıya. Yalnız aşağıya aynısını oluşturabilmek için aşağıdaki javascript kodlarını kullandım. "append" içine, bu form'un aynısını koyuyorum. Form'un aynısı aşağıya çıkıyor. Ama "append" içinde olan form'un içindeki textarea nın class'ına "ckeditor" yazdığımda textarea da değişiklik olmuyor, yani ckeditor açılmıyor. Yani javascript kodu içinde yazılı olan ckeditor etkin olmuyor. 1. resim ckeditor olan. 2. resim "Ekle" butonuna tıkladıktan sonraki alan. Ne yapmalıyım?
https://www.hizliresim.com/b4xzje8
https://www.hizliresim.com/nstnzaw
<script>
$(document).ready(function () {
$(document).on('click', '.butonsil', function() {
$(this).closest('.anaform').remove();
});
$(document).on('click', '.addmoreform', function () {
$('.pastenewforms').append('');
});
});
</script>
Soru hatalı mı? 👎
Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!
Cevaplar (1)
Sorunun tam olarak şu ckeditor classını vermen tekrardan orayı render etmeyecektir daha doğrusu oranın yeni bir editor alanı olup olmadığını bilmeyecektir.
Ckeditor'a yeni bir editor olduğunu bildirmen gerekli.Hangi versiyonunu kullandığını bilmiyorum ama ben ckeditor5 versiyonu için örneğini atayım versiyonunu araştırarak doğrusu bulabilirsin
ClassicEditor
.create( document.querySelector( '.editor' ) )
.catch( error => {
console.error( error );
} );
Bu kodu append yaptıktan sonra yazman yeterli.
Yani yeni bir editor alanı eklediğimiz için tekrardan orayı bildiriyoruz