5

Web sitemde CMS içeriğini güncellemek için CKEditor kullanıyorum. Ayrıca, sorun CKEditor istemci tarafında bu i etiketi kaçar olmasıdır buCKEditor ve çıkış elemanları

<i class="icon-envelope"></i> 

gibi gösterilebilir fantezi simgeleri set içerir FontAwesome, kullanma ve ben kaynak modunda göremez.

Bu etikete nasıl izin verebilirim? CONFIG.removeFormatTags = '''u denedim, ancak yardım etmeyecek.

+0

işaret .. Benim için Vince Kronlein sayesinde çalıştı http://stackoverflow.com/a/18254082/ 1316372 – HenryW

cevap

10

Boş olduğu için kaldırılmıştır. Etiketinizi korumak için, &nbsp; veya sıfır genişlikteki boş alanı &#8203; içine yerleştirin.

nesnesini CKEDITOR.dtd.$removeEmpty nesnesinden kaldırabilirsiniz. Ancak bu, class="icon-envelope" olmadan diğer boş <i> etiketlerini kırabilir. Bunu düzeltmek için class="icon-envelope" olmadan boş <i>'s filtrelemek için bir data processor ile oynamak gerekir. Oldukça kolay sanırım.

+1

Bu işlem varsayılan olarak true olarak ayarlanmış olan config.fillEmptyBlocks ile işleme konulmamalı mıdır? Bir öğeyi kaldırmak için CKEDITOR.dtd. $ RemoveEmpty nesnesini nasıl düzenler? Js dosyalarında herhangi bir yerde kaldırılmış olarak listelenemiyorum. Kırılmayan alan yerine ​ kullanmak için fillEmptyBlocks işlevini düzenlemek istiyorum. Font-awesome'deki simgeler arasındaki boşluk sadece öğe boş kaldığında veya ​ kullanıyorsa doğrudur –

0

aşağıda, çözüm için buraya okumak i aynı sorun üzerinde geldi config.fillEmptyBlocks

CKEDITOR.editorConfig = function(config) { 
     config.fillEmptyBlocks="&#8203;"; 
} 
CKEDITOR.dtd.$removeEmpty['span'] = false; 
CKEDITOR.dtd.$removeEmpty['i'] = false;