it-swarm-tr.com

JCE / TinyMCE - Geçerli ve Geçersiz HTML'yi Düzeltmeye çalışıyor

Kullandığımız tüm Joomla editörleri arasında JCE, amaçlarımıza ve müşterilerimize en uygun olanıdır. Ancak editörde bir şeyi kodladığımızda sorunlara neden olabilecek birkaç sorun var, o zaman wysiwyg'ye değiştirildi ve editör mükemmel geçerli html'yi 'düzeltmeye' çalışıyor.

Soru sormadan önce - evet, JCE'nin kısıtlamayı sevdiği tüm öğelere izin verecek şekilde ayarladık ve hayır, html'yi doğrulamak/temizlemek için ayarlanmadı. Sahip olduğumuz tek kısıtlama içeriği editöre yapıştırmaktır.

Sergi A:

<a href="#"></a>

Bu, geçiş düzenleyicide ve geri giderken kaybolacaktır. Şununla değiştirildi:

<p>&nbsp;</p>

Sergi B:

<a id="#nameofanchor"></a>

Değişiklikler:

<p>&nbsp;</p>

Sergi C:

<div><a id="#nameofanchor"></a></div>

Değişiklikler:

<div>&nbsp;</div>

Sergi D:

<a id="hello" class="link">Hello</a>

Değişiklikler:

<p><a id="hello" class="link"></a>Hello</p>

Sergi E:

<a href="#">
<div>
<h2>Our Work</h2>
</div>
</a>

Değişiklikler:

<p><a href="#"></a></p>
<div>
<h2><a href="#">Our Work</a></h2>
</div>
<p>&nbsp;</p>

Şimdi, çapamız için ad yerine id kullanmak istiyoruz, çünkü HTML5 altında geçerlidir, ancak teknik olarak isim değildir. Ayrıca, hangi evrende id bir bağlantıya geçersiz bir atamadır?

Ayrıca, bir div'ı linklerle sarmak tamamen yasal olduğuna göre, JCE neden bunları da çıkarsın?

Bu sadece eksik olduğum bir ayar mı? Düzenleyicide ihtiyacımız olduğu gibi kod yazabilmemiz için editörü nasıl kullanabileceğime dair herhangi bir fikriniz var mı?

Düzenleme: Bunu krom, firefox ve safari'de test ettim. Tarayıcı ile bir ilgisi olduğunu düşünmeyin.

Düzenleme: Bunu konteyner ayarları ile test ettim. Hem Paragraf Kapsayıcısı hem de Enter'daki Paragraf ve Div Kapsayıcısı ve Girişteki Div. Diğer iki, hiçbir konteyner ve Paragraf girmek, hiçbir Konteyner ve linebreak girmek, buna neden olmaz. Sorun şu ki - ilk ayara ihtiyacım var! Müşterilere şüphe duymak ne kadar iyi olursa olsun, talimatlara uymaları ve metinlerine paragraf biçimlendirmeleri eklemeleri güvenilir değildir.

Onaylandı: Bu, TinyMCE ile de olur.

Peki - bunun nedenini biliyoruz - Paragraf Kabı ayarı - şimdi bu ayarı canlı tutarken nasıl dolaşacağız?

9
Faye

JCE Editor'ü tüm sitelerimizde kullanıyorum, ancak NoNumbers tarafından Sourcerer'ı kurmaya başladık. Bu, JCE editörüne değiştirilmesini önleyen kolay bir INSERT CODE düğmesi verir.

http://www.nonumber.nl/extensions/sourcerer

7
YellowWebMonkey

JCE için bazı gizli ayarlar var. Aşağıdaki ayarın durduğunu biliyorum &nbsp; boş div'lere ekleniyor, belki şamandıraları temizlemek için kullanılıyor, bu da oluşturulduğunda satır yüksekliği sorunlarına neden oluyor:

In the Editor Global Configuration, add:
remove_div_padding:1 
to Custom Configuration Variables. 

Editörün herhangi bir yönünü kontrol edebilecek daha çok şey olmasını beklerdim.

2
BodgeIT

Bence tipografi ayarları olmalı: Profil -> Editör Parametreleri -> Tipografi. Html'nizde hala herhangi bir değişiklik olup olmadığını görmek için Enter'da Container Element & Enter Anahtarını NoContainer ve LineBreak olarak ayarlamayı deneyin.

Ayrıca HTML Doğrulama ayarının her bir Editör profili için ayarlara sahip olduğunu ve Joomla'nın kullanıcı grubu tarafından ayarlanan global yapılandırma sayfasında genel bir filtre sağladığını unutmayın. Her kullanıcı grubu için ayar olmadığından emin olun.

1
FFrewin

Bu davranış JCE'ye özgü değildir. TinyMCE aynı şekilde davranır. Bu davranış TinyMCE ile sınırlı olmayabilir, tarayıcı DOM davranışı olabilir.

JCE aslında bazı boş etiketleri tutmaya çalışmakla uğraşır, kullanılan yöntem bir boşlukla doldurmaktır.

https://github.com/widgetfactory/jce-editor/blob/master/editor/tiny_mce/plugins/cleanup/editor_plugin.js

0
Peter Wiseman