jQuery WYSIWYG editör eklentileri?

Question

Bir süre sonra internette dolaşırken, html5 formatını destekleyen herhangi bir jQuery wysiwyg editörü bulamıyorum. Hemen hemen her eklenti, <font font-size="x">text</font> veya <big>text</big>'u kullanır.

Her ikisi de HTML5'te desteklenmez. Bu yüzden, herhangi bir şey biçimlendirmek için <style> etiketini kullanan herhangi bir wysiwyg editörü bilip bilmiyorum.

Gerçekten CLEditor'ı seviyorum ama bunun yerine <font> etiketinin biçimlendirilmesi ya da belki de birisinin bunun yerine CLEditor'ın orijinal kodunu düzenlemek için <span style="font-size:XXpx">'u kullanabilirsiniz.

DÜZENLEME: Gerçekten hafif bir bağımsız javascript wysiwyg varsa bile jQuery bir olmadan gitmek istiyorum.

Teşekkürler.

Answer 1

CKEditor, stil tasarımının yapılandırılmasına izin verir. Örneğin: Bununla

config.coreStyles_bold = { element : 'span', attributes : {'style': 'font-weight:bold'} }; 

, sen b gibi strong veya hoş-upon (ama yasal) gibi stil etiketleri istenmeyen font etiketleri yanı sıra anlamsal etiketleri kullanabilir varsayılan tarayıcı davranışı geçersiz kılabilirsiniz. Ayrıca, özel stiller için benzer yapılandırmaya ve seçtiğiniz tüm niteliklere (class gibi) izin verir.

Diğer bir yaklaşım, eğer tercih edeceğiniz dezenfeksiyon seviyesine sahip bir editör bulamazsanız, müşteri tarafındaki editör ile daha fazla müsaade edici olacaktır, bu da girişi çevirmen/beyaz liste dezenfektanı * ile işleyecektir. sunucu.

* Örneğin, HTMLPurifier (PHP). Bunu CKEditor ile birlikte kullandım ve oldukça memnunum.