Drupal 9 CKEditor'unuzu Pop Yapın - Var Olduğunu Bilmediğiniz 7 Faydalı Modül

İçerik düzenleyici, temel olarak bir CMS'nin en önemli işlevidir. Ve varsayılan zengin metin düzenleme aracı olarak CKEditor gibi bir güç merkezi ile Drupal, içerik yönetimi oyununu Drupal 8/9 için CKEditor widget sistemi ve Gelişmiş İçerik Filtresi (ACF) gibi birkaç yeni özellikle önemli ölçüde artırdı. Yani, evet, varsayılan özelliklerle bile oldukça güçlü… Ama katkıda bulunan bazı modüller ve eklentilerin yardımıyla CKEditor oyununuzu gerçekten geliştirebilirsiniz. CKEditor'un özelliklerini ve kullanılabilirliğini genişletmek için en iyi ve en ilginç eklentileri almak için okumaya devam edin.

Drupal 9 CK Editörü

İlk olarak, Drupal'da yeni olanlar için CKEditor 4.5, Drupal 8/9'da varsayılan WYSIWYG (Ne görüyorsanız onu alırsınız) zengin düzenleyicisidir. Web sitesi yöneticilerinin içeriği doğrudan web sayfalarında yazmasına ve düzenlemesine yardımcı olan bir metin düzenleyicidir. Drupal gibi, CKEditor da açık kaynaklı bir projedir ve yakın zamanda geliştirilmeye devam edecek birçok güçlü yeni özellikle yükseltilmiştir. Drupal 10 hazırlık girişiminin bir parçası olarak, Drupal katkıda bulunanlar, Drupal 10'da en son ve en modern sürüm olan CKEditor 5'i uygulamak için çalışıyorlar.

Artık temel bilgileri ortadan kaldırdığımıza göre, yükseltmelere geçelim!

Bu harika Drupal 9 modülleri ile CKEditor'u genişletmek

1. CKEditör Devamını Oku

Okuyucuya büyük miktarda metnin geri kalanını görme seçeneği vermek istediğiniz zamanları biliyor musunuz? Bu, kullanıcılarınızı sayfanıza kompakt bir düzen verirken "okumaya" davet eden CKEditor Daha Fazla Oku özelliğini kullanma ipucunuzdur. Eklemek için, Drupal 9, katkıda bulunan modülünü yükledikten sonra Daha Fazla Oku / Daha Az Göster işlevini etkinleştirmenin basit ve kolay bir yolunu sunar.

Modülün uygulanması:

Bu modülü kurduktan sonra birkaç ayarı yapılandırmanız gerekecek:

1. Tercih edilen Metin biçimini düzenleyin ve "İzin verilen HTML etiketlerini sınırla" seçeneğini etkinleştirin.
2. "İzin verilen HTML etiketleri"ne <div data-readmore-less-text data-readmore-more-text data-readmore-type class=" ckeditor-readmore"> ekleyin. "İzin verilen HTML etiketlerini sınırla" seçeneğini devre dışı bırakın ve kaydet düğmesine basın.
3. Şimdi “Daha fazla oku” simgesini Kullanılabilir düğmelerden Etkin araç çubuğuna (yukarıdaki resimde gösterildiği gibi) sürükleyip bırakın ve kaydet düğmesine basın.
4. Önbelleği temizledikten sonra, “Tercih Edilen Metin biçimi”ni seçtiğinizde metin düzenleyicide “ Devamını Oku ” simgesini bulacaksınız.

Bu nasıl kullanılır:

İçerik alanında, “ Metin formatı ” simgesine tıklayın. Şimdi dikdörtgen bir kutu alacaksınız. Kullanıcınız Devamını Oku'ya tıkladıktan sonra göstermek istediğiniz içeriğin geri kalanını ekleyin.

SSS : Devamını Oku metnini değiştirebilir miyim?

Kesinlikle! “CKEditor eklenti ayarları”ndaki “Daha fazla oku” sekmesine tıklayın ve metni değiştirin.

2. CKEditor Renk Düğmesi

Varsayılan olarak, CKEditor size metin rengini editör içinden değiştirme seçeneği sunmaz. Ancak, belirli bir metnin rengini değiştirmek veya hatta metni farklı renklerle vurgulamak istiyorsanız, Drupal 9 CKEditor Renk Düğmesi modülü listenizde olmalıdır. Bu modülün Panel düğme modülünün de yüklenmesini gerektirdiğini ve bu modüllerin her ikisinin de kitaplıkların, Renkli Düğme Kitaplığı ve Panel Düğmesi kitaplığının yüklenmesini gerektirdiğini unutmayın. Modülleri kurduktan ve temanın kitaplıklar klasörüne kitaplıkları ekledikten sonra renkler butonunu Kullanılabilir butonlardan Aktif araç çubuğuna tercih edilen metin formatında taşıyabiliriz.

SSS: Özel bir renk ekleyebilir miyim?

Evet! Halihazırda mevcut olan varsayılan renklerden herhangi birini kullanmak istemiyorsanız, özel bir renk de ayarlayabilirsiniz. Bunu, renk seçeneklerini etkinleştirdiğiniz “Metin editörleri formatı” bölümünde yapabilirsiniz. “Metin editörleri formatı”nın “CKEditor eklentileri ayarı” bölümündeki “CKEditor Renk düğmesini” bulun ve “Metin renkleri” metin alanına virgülle ayırarak ve # işareti olmadan renk ekleyin.

3. CKEditör Youtube

Drupal 9 CKEditor Youtube modülü, içeriğinize uzun bir gömme kodu olmadan Youtube videoları eklemenize yardımcı olur. Youtube simge formunu yükleyip Kullanılabilir düğmelerden Etkin araç çubuğuna taşıdıktan sonra, metin düzenleyicide Youtube simgelerini tercih edilen metin biçiminde bulabilirsiniz. Bu modül kütüphaneye bağlıdır.

Bu modülle ilgili en iyi şeylerden biri esnekliktir. Yukarıdaki ekran görüntüsünde gösterildiği gibi, genişlik ve yüksekliği belirtirken “Gömme kodunu yapıştır” veya bir Youtube URL'si yapıştırabilirsiniz. Ayrıca “Otomatik Oynat”, “Belirli bir zamanda başla” ve “Oyuncu kontrollerini göster” gibi kullanışlı seçenekleriniz de var.

4. CKEditor Şablonları ve CKEditor Şablonları Kullanıcı Arayüzü

Web sitesi sayfalarınız veya gönderileriniz için aynı içerik yapısından çok mu var? CKEditor Şablonları ve CKEditor Şablonları Kullanıcı Arayüzü modülleri, kolay çoğaltma için biletinizdir. Her iki modül de modül sayfalarında anlatıldığı gibi indirilip kurulabilen kitaplıklara bağlıdır. Bu kitaplıkları kurduktan sonra aşağıdaki resimde gösterildiği gibi şablon simgesini Kullanılabilir düğmelerden Etkin araç çubuğuna taşıyabilirsiniz.

CKEditor Şablonları modülü, önceden tanımlanmış şablonlar içeren bir açılır pencere sunar. Şablon simgesine tıkladığınızda (yukarıdaki ekran görüntüsünde gösterildiği gibi) bir açılır pencere göreceksiniz, önceden tanımlanmış şablonlarınızdan herhangi birini seçeceksiniz. Şablon daha sonra dahil edilen “metin formatı ve stilleri” ile eklenecektir.

CKEditor Şablonları Kullanıcı Arayüzü modülü, CKEditor Şablonları modülünde seçtiğiniz şablonları oluşturmak için kullandığınız şeydir. Modülü etkinleştirdikten sonra, Yapılandırma > İçerik Yazma > CKEditor Şablonları bölümünde bir seçenek bulacaksınız.

Yapılandırmadan CKEditor Şablonlarına tıkladığınızda, CKEditor yapılandırma şablonları sayfasına yönlendirileceksiniz. Artık şablon ekleyebilir veya düzenleyebilirsiniz.

5. CKEditör Kod Parçacığı

CKEditor CodeSnippet modülünü kullanarak, vurgulanması ve iyi biçimlendirilmesi için "kod içeriğinizi" içeriğin içine ekleyebilirsiniz. Bu modül, vurgu-js kitaplığını ve bunun için mevcut tüm stilleri kullanır. Bu modülü besteci kullanarak kurmak, kitaplığı otomatik olarak kuracaktır. Bu modülü kurduktan sonra, "kod parçacığı" simgesini Kullanılabilir düğmesinden Etkin araç çubuğuna taşıyabilirsiniz.

Şimdi, metin formatının CKEditor eklenti ayarlarında Kod Parçacığı sekmesini bulacaksınız. Burada desteklenen programlama dillerini işaretleyebilir/işaretini kaldırabilirsiniz.

SSS: Nasıl kullanılır?

Modülü kurduktan sonra CodeSnippet özelliğini CKEditor'dan içeriğinize ekleyebilirsiniz. Kod Parçacığı simgesine tıkladığınızda bir açılır pencere göreceksiniz. Burada kodunuzu yapıştırabilir ve kod dilini seçebilirsiniz.

6. CKEditör Kelime Sayısı

Yani bir kelime/karakter sınırı ile çalışıyorsunuz… Bu, dinamik yerleşimlere sahip oldukça stilize edilmiş sitelerde yaygın bir durumdur. Ve bunlar, aynı içerik üzerinde çalışan birden fazla el ile özellikle dağınık olabilir. Bu durumlarda, CKEditor'unuzdaki karakter ve kelime sayısını editörün alt bilgisinde görmek faydalı olacaktır (tıpkı MS Word'de yaptığınız gibi). İşte o zaman CKEditor Wordcount modülünü kuracaksınız. Modülü ve kütüphaneyi kurduktan sonra, metin formatının CKEditor eklenti ayarlarında “kelime sayısı ve karakter sayısı” nı bulabilirsiniz. Burada, gereksinimlerinize göre özellikleri kontrol edebilir/işaretini kaldırabilirsiniz. Ayrıca CKEditor'da sağ alt kısmında bir sayaç bulacaksınız.

7. CKEditor Tweetlenebilir Metin

Bazı internet puanları kazanmaya mı çalışıyorsunuz? CKEditor Tweetable Text modülünü kullanarak, kullanıcılarınıza bir kelimeye veya sözdizimine tıklayarak belirli bir metin parçasını tweetleme seçeneği verebilirsiniz. Modül sayfasında anlatıldığı gibi modülü ve kitaplığı kurun ve tweetlenebilir metin simgesini Kullanılabilir düğmesinden Etkin araç çubuğuna taşıyın. Ardından metin düzenleyicide bir tweet simgesi bulacaksınız. Bu simgeye tıkladığınızda bir açılır pencere açılacaktır. Burada, bir Görüntü Metni (tweet simgesini eklemek istediğiniz kelime(ler) için) ve Tweetlenebilir Metin ( Tweet'te görünecek metin) ekleyebilirsiniz. Bir kullanıcı Metni Görüntüle'ye tıkladığında, Twitter'a yönlendirilecek ve Tweetlenebilir Metin görüntülenecektir.