CKEditor Nedir?
CKEditor, internet siteleri için gelişmiş bir metin editörüdür. İnternet sitenizin yönetim panelinde, içerik ekleme sayfasında, kullanıcı yorumu bölümünde vb. çok daha fazla alanda kullanabilirsiniz. JavaScript ile yazılmıştır. CKEditor ile internet sayfanızda html veya css kod yapılarına ihtiyaç duymadan grafik arayüz yardımı ile metin hazırlayabilirsiniz.
CKEditor özelliklerine kısa bir göz atacak olursak;
- Modern JavaScript dili ile yazılmış zengin bir metin editörüdür,
- Grafik arayüzüne sahiptir,
- Otomatik ölçeklendirilebilir resim ve medya içerikleri ekleyebilirsiniz,
- Özelleştirilmiş çıkış formatlarına sahiptir,
- Tasarlanabilir ve yeni özellikler eklenebilir yapıdadır.
CKEditor Nasıl Kurulur?
CKEditor, gelişmiş metin editörü yazılımını kullanabilmeniz için CKEditor kütüphanelerini <head></head> taglarınızın arasına eklemeniz gerekir. CKEditor kütüphanesini aşağıdaya ekliyoruz, kopyala yapıştır yaparak kullanabilirsiniz.
<script src="https://cdn.ckeditor.com/ckeditor5/25.0.0/classic/ckeditor.js"></script>
CKEditor kütüphanesini internet sitenizin <head></head> tagları arasına ekledikten sonra CKEditor’ü kullanmaya başlayabilirsiniz. Örnek bir kullanım yapısı aşağıda görülebilir.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Örnek Deneme</title>
<script src="https://cdn.ckeditor.com/ckeditor5/25.0.0/classic/ckeditor.js"></script>
</head>
<body>
<div id="editor">Yücebilgi Türkiye’nin ansiklopedisi.</div>
<script>
ClassicEditor
.create( document.querySelector( '#editor' ) )
.then( editor => {
console.log( editor );
} )
.catch( error => {
console.error( error );
} );
</script>
</body>
</html>
Yukarıda örnek bir kullanım şeklini paylaştık. CKEditor yazılımı profesyonel bir metin editörüdür. Ücretsiz kullanım imkanı sunmasının yanında ücretli pek çok seçenek mevcuttur. Dosya yöneticisi, resim yükleyici, PDF ve Word dönüştürücü gibi eklentileri vardır. Her bir eklenti ayrı ayrı ücretlendirilir. Ücretsiz sürümü ile de çok harika olan CKEditor internet siteleriniz için vazgeçilmesiniz olacaktır.
- classic – the Classic editor
- inline – the Inline editor
- balloon – the Balloon editor
- balloon-block – the Balloon block editor
- decoupled-document – the Document editor
Yukarıda CKEditor için farklı editör çeşitleri yer almaktadır. Farklı editör çeşitleri arasında geçiş yapabilmek için <head></head> tagları arasındaki kütüphanede yer alan “classic” bölümünde değişiklik yapmanız gerekir.
