Iletişim formları için WYSIWYG editörü jQuery CLEditor kullanarak

Ile jQuery CLEditor bir WYSIWYG HTML düzenleyicisi için basit bir şekilde web formları için alanlar yapabilir ve böylece giriş kullanıcılara büyük kolaylık sağlar.

Iletişim formları, forumlar, konuk defterleri vs için idealdir.

Eklentisi 8KB "küçük" konusundaki minimize şeklinde ve çapraz tarayıcı uyumluluğu sağlar.
(IE 6.0 test +, FF 1.5 +, Safari 4 +, Chrome ve Opera 5 + 10 +).

Ben özellikle bu eklenti esnek yapılandırma seçenekleri ve editörü sabit bünyesi sevdim.

Ayrıntılı olarak fonksiyonları

CSS desteği

Editör tüm alanları CSS ile özelleştirilebilir.

Örnek, kendi simgeleri entegre veya araç çubuğunun arka plan rengini değiştirebilirsiniz.

Editörü Boyutu

Editörün genişlik ve yükseklik sabit bir boyut ya da yüzde değerleri üzerinden tanımlanabilir, ve böylece kendi tasarım fikirlerini adapte edilebilir.

Parametre

Basit sayesinde plug-in parametrelerine, sen editörü simgeleri kullanması gereken işlevi karar verebilirsiniz. Maksimum mümkün olan aşağıdaki işlevleri şunlardır:

• kalın - bold
• italik - italik
• underline - underline
• çizili-üstü çizili
• indis - derin koyarak metni
• Üst simge - yüksek pozisyon metni
• yazı tipi boyutu - Yazı tipi boyutunu
• style - Paragraf / başlıkları
• renk - metin rengi
• highlight - arka plan rengi
• RemoveFormat - kaldır biçimlendirme
• Bullets - Sıralanmamış listesi
• numaralandırma - numaralı listesi
• Girintiyi azalt - ("boşa") dolgu azaltmak
• girinti - metin girinti
• sola hizalamak - sola hizalı
• merkez-merkezli
• alignright - sağa hizalı
• haklı - haklı
• geri al - geri al
• redo - Yinele
• kural - yatay bir çizgi
• image - resim eki (URL)
• bağlantı - link eklemek
• unlink - kaldır bağlantılar
• cut - cut
• Kopya - Kopya
• Paste - Yapıştır
• baskı - durcken
• html - HTML moduna geçiş

Seçim listeleri esnek kullanım

Renk (arka plan ve metin Faber, yazı tipleri (font), boyutları (Schrfitgrößen) ve stilleri (paragraf stilleri, başlıkları, vb) fonksiyonları seçim listeleri tarafından kontrol edilir.

CLEditor idare ve esnek ek parametre tanımları yapılandırmak için bu listeleri içeriğini imkanı sunuyor.

Örneğin, bu metni yalnızca "renkler" ile parametre listesini değiştirerek, sadece 3 renk editörü içinde vurgulanmış olabilir istiyorum.

JavaScript eylemlerinin için Yöntemleri

Kendi JavaScript uygulamaları geliştirmek için CLEditor Örneğin niyetiniz var mı, aşağıdaki ek yöntemlerden birini seçebilirsiniz:

. Focus ()
Yöntemi ile. Editöre odağı ayarlamak için) (odaklanın. Bu kullanıcı doğrudan önceden tıklayın zorunda kalmadan editörü yazmasına olanak tanır.

. Html modu ()
Eğer editör HTML veya WYSIWYG modunda şu anda olup olmadığını belirlemek ister misiniz, yöntem. Html modu () kullanın. Doğru veya yanlış döndürür.

. Resize ()
Bu yöntemi kullanarak, editör boyutunu ayarlamak için zorlayabilir. Bu çevreleyen container boyutunu değiştirdiyseniz gerekli olabilir veya tarayıcı penceresi veya büyütülmüş azaltabilir.

. Select ()
Hakkında yöntemi. Seçin () Eğer seçim editörü tüm içeriğini vurgulayın sağlar.

. SelectedText ()
Eğer editör içinde seçildiğinde tam olarak ne metni belirlemek ister misiniz, yöntemini kullanın. SelectedText ().

. Güncelleme çerçeve ()
Güncelleme yöntemi (çerçeve) kullanarak güncellemek için textarea alanının içeriği ile düzenleyici çerçevenin içeriğini görüntülemek için

. Güncelleme textarea ()
Eğer tersi durumda düzenleyici çerçevenin içeriği ile textarea güncellemek ister misiniz, yöntem güncelleme textarea () kullanın