Yükleniyor
Whatsapp Hattımız
DuyuruSitenizi profesyonel araçlar ile test edip seo puanınızı yükseltmek için tıklayınız.
Aynı Sayfada Birden Fazla Ckeditör Nasıl Kullanılır?

Aynı Sayfada Birden Fazla Ckeditör Nasıl Kullanılır?

04.02.2021 Diğer

Bazen çalıştığınız projede aynı sayfada birden fazla ck editör kullanmanız gerekebiliyor. Normalde her kullanım için ayrı javascript kodu tanımlamanız gerekiyor. Ancak bugün vereceğim kod ile sadece textarea elementine bir class tanımlamanız yeterli olacaktır. Böylece istediğiniz kadar editörü sayfaya kolayca dahil edebileceksiniz.

Demo: http://dosyalar.sitenikur.com/ck-editor-demo/

<!DOCTYPE html>
<html lang="tr">
<head> <title>Ck Editör</title>
</head>
<body>
Textarea 1
<textarea name="editor1" id="editor1" class="ck_editor"></textarea>
<br />
<br />
Textarea 2
<textarea name="editor2" id="editor2" class="ck_editor"></textarea>
<br />
<br />
Textarea 3
<textarea name="editor3" id="editor3" class="ck_editor"></textarea>
<script src="https://code.jquery.com/jquery-3.5.1.js" integrity="sha256-QWo7LDvxbWT2tbbQ97B53yJnYU3WhH/C8ycbRAkjPDc=" crossorigin="anonymous"></script>
<script src="https://cdn.ckeditor.com/4.16.0/standard/ckeditor.js"></script>
<script>
$(document).ready(function(){	$(".ck_editor").each(function(index){	var input_name = $(this).attr("name");	CKEDITOR.replace(input_name);	});
});
</script>
</body>
</html>

Yorum Ekleyin