2013-06-21 36 views
7

Projemde, "Adres" ve "Biçimlendirilmiş" gibi paragraf biçimlerinin açılır menüden kaldırılması ve "Bağlantılar" adı verilen yeni bir özel biçimin eklenmesi gerekir. Arial, 14px, kalın, kırmızı. CKEditor'da özel paragraf formatı eklemek mümkün mü? stilleri nasıl CKEDITOR.styleSet eserleri görmek hakkındaCKEditor'da özel bir paragraf biçimi nasıl eklenir?

CKEDITOR.replace('editor1', { 
    format_tags: 'p;h2;h3;pre;links', // entries is displayed in "Paragraph format" 
    format_links: { 
     name: 'Links', 
     element: 'span', 
     styles: { 
      color: 'red', 
      'font-family': 'arial', 
      'font-weight': 'bold' 
     } 
    } 
}); 

fazla bilgi için:

cevap

9

Kullanım CKEDITOR.config.formatTags bazı yeni biçimlendirme belirtmek için. Ayrıca, CKEditor 4.1'den itibaren "Paragraf formatı" ndan stilleri kaldırmanın Advanced Content Filter üzerinde bir etkisi olduğunu unutmayın.

+1

Bu kodu ckeditor.config.js'ye nereye koymalıyım? Özel JavaScript yapılandırmasına koydum ama çalışmıyor. Konumu belirtebilir misin? –

+0

Bu ayarlanabilecek birçok yer var. Doğrudan bir örnek oluştururken (yukarıdaki gibi), “config.js” veya “customConfig” içinde. Daha fazla bilgi için [docs] 'a (http://docs.ckeditor.com/#!/guide/dev_configuration) bakın. – oleq

5

Drupal ile çalıştığınız için, aradığınız dosya ckeditor.styles.js'dur, bu da Stiller menüsündeki girdileri eklemenizi/düzenlemenizi/kaldırmanızı sağlar.

Yorum dışarı istediğiniz ve yeni bir paragraf biçimi eklemek için böyle bir şey kullanmayın tüm girdileri:

{ name : 'Links', element : 'p', attributes : { 'class' : 'links' } }, 

Bu ne istersen paragraf için CSS sınıfı links ekleyecektir ve Tanımlayabileceğiniz Tema stil sayfanızdaki sınıf. CKEditor örneğinde uygulanan değişiklikleri görmüyorsanız, sınıfı ckeditor.css'da tanımladığınızdan emin olun.

{ name : 'Links', element : 'p', attributes : { 'style' : 'font: bold 14px Arial, sans-serif; color: red;' } }, 

Ama ilk yöntem açıkça temiz/daha esnektir:

Alternatif olarak, doğrudan satır içi stilleri uygulamak olabilir.

Değişikliklerinizi hemen göremiyorsanız, Drupal ve/veya tarayıcı önbelleğinizi temizlediğinizden emin olun.

+1

Katkı modüllerini kesmeyi öneren bir cevabın gerçekten 5 tane artı işareti var mı? Streuth. –

İlgili konular