CKEditor otomatik olarak div sınıfları şeritler
Web sitemde arka uç editörü olarak CKEditor kullanıyorum. Bana kaynak düğmesine basın ne zaman uygun görürse, nasıl kodunu değiştirmek istiyor gibi görünüyor, ama viraj yuvarlak sürüş. Kaynak vurdum ve bir oluşturmak için 6*...*
<div class="myclass">some content</div>
O zaman görünür <div>
sınıf şeritler kaynak tekrar bastığımda için değiştirildi
<div>some content</div>
Bu rahatsız edici davranışlar ** 10, ama ben kazma kapatılabilir sanırım ve cant belgelerinde bir şey kapatmak için bulabilirsiniz.
CEVAP
Devre dışı bırakma içerik filtreleme
En kolay çözüm oluyorconfig.jsve ayar:
config.allowedContent = true;
(Tarayıcı önbelleğini temizlemeyi unutmayın). CKEditor duraklarında tüm girilen içerik filtreleme. Ancak, bu tamamen CKEditor en önemli özelliklerinden biri olan content filtering devre dışı bırakır.
Yapılandırma içerik filtreleme
Ayrıca CKEditor's content filter daha doğrusu ihtiyacınız olan bu element, sınıfları, stilleri ve nitelikleri sadece izin vermek için yapılandırabilirsiniz. Bu çözüm CKEditor hala tarayıcı ve içerik yapıştırarak üreten dandik HTML bir sürü kaldırır çünkü çok daha iyidir, ama istediğiniz içeriği şerit olacak.
Örneğin, varsayılan CKEditor tüm div sınıfları kabul yapılandırma genişletme:
config.extraAllowedContent = 'div(*)';
Ya da bazı Bootstrap şeyler:
config.extraAllowedContent = 'div(col-md-*,container-fluid,row)';
Veya dt
dd
elementler dir
isteğe bağlı öznitelikleri ile listeler açıklama izin verebilirsiniz:
config.extraAllowedContent = 'dl; dt dd[dir]';
Bu sadece çok temel örnekler. Öznitelikleri sınıfları veya stilleri gerektiren kuralları her türlü, sadece özel öğeleri, tüm öğeleri eşleşen eşleşen yazabilirsiniz. Ayrıca malzeme vermemek ve tamamen CKEditor kuralları tanımlayabilirsiniz. Hakkında daha fazla bilgi:
- Content filtering in CKEditor - neden içerik filtreleme ihtiyacın var.
- Advanced Content Filter - filtreleme mekanizması derin bir açıklama.
- İzin verilen içerik kuralları yazmak için nasıl Allowed content rules -.
Excel UTF-8 CSV dosyaları otomatik ola...
Otomatik olarak Subversion sürüm bilgi...
UİPopoverController pushViewController...
Nasıl otomatik olarak Vim yılında tama...
Otomatik olarak sonsuza dek (düğüm) si...