bildirgec.org

Markitup Editor

Web site Admin panellerinde, Bloglarda veya arzu ettiğiniz herhangi bir uylamanızda bazen bir editöre ihtiyaç duyabilirsiniz. Markitup editor textarea üzerinde kurularak size online editör hazırlama imkanı sunuyor.

Markitup Editor

Kullanımı ve kurulumu oldukça kolay olan Markitup Editorun plugin desteği de bunuyor. Örneğin “Lorem ipsum” isimli eklentisi ile tek tıkla anlamsız kelimeler veya “Date of the day” eklentisi ile bugünün tarihini zahmetsizce ekliyebiliyorsunuz. Tabii ki tek marifeti plugin özelliği değil.

Buyrun bazı özelliklerine göz atalım;

web sayfalarında bilgi girişleri için kullanılan html formlarının gerek görsellikleri gerekse işlevsellikleri üzerinde bazen uzun süreli çalışmalar yapılması gerekir. aşağıdaki jquery eklentileri sayesinde hem zamandan önemli ölçüde kazanç sağlayabilirsiniz, hem de kullanıcıların beğenisini kazanacak tasarımlar yapabilirsiniz.

Form Skinning(form kaplamaları):
jQuery jNice

Styling input file

jqTransform

Web sitelerde sayfalar arası sorgulanacak çeşitli bilgileri taşımada form ve ona ait elemanları kullanırız. Varsayılan (default) olarak gelen form elemanları görünümlerini (radyo butonu, seçme kutucukları, yazı alanları, listeler vs.) siteye farklılık katmak için genellikle CSS ile düzenleriz.

Bu iş için, MooTools‘u destekleyen JavaScript kütüphanesi geliştirilmiş ve her türlü javascript çatısı altında çalışabiliyor.

Web sayfalarında kullanılmak için hazırlanmış, ünlü bir WYSIWYG editörü olan TinyMCE en sonunda 3.0 versiyonuna ulaşmış. Bu yeni versiyondaki bazı yenilikler şöyleymiş:

• Tüm uygulama en baştan yazılmış ve optimize edilmiş
• Artık daha hızlı yükleniyormuş
• Safari web tarayıcısı için destek arttırılmış
• Yeni Office 2007 teması eklenmiş
• Yeni bir API sistemi geliştirilmiş
• Daha doğru ve semantik kod çıktıları üretiyormuş

TinyMCE 3.0’ı buradan indirebilir, şuradan da örneklerine bakabilirsiniz.

Ne görürsen onu al !

Web sayfalarımızın textarea alanlarında metin biçimlendilmesini kolaylaştırmak için kullandığımız, ne görürsen onu alırsın (WYSIWYG) mantığında çalışan popüler editör TinyMCE, yeni sürümü 2.1.1‘i yayınlamış.

Yeni sürümünde Youtube, Google Video … gibi video servislerinden video eklemek kolaylaşmış. Opera ve Safari‘de oluşan bazı hatalar düzeltilmiş. Artık kullanılmayan kodlar temizlenerek kaynak kod küçültülmüş ve bu da TinyMCE‘nin daha hızlı yüklenmesini sağlamış.

Bir form var ortada ve haliyle bir submit butonu.

yazı bölümünün (textarea) üstünde bir iframe var ve form un target ı üsteki iframe.

sormak istediğim şey ise:
bu submit butonuna ne yapmalıyız da tek tıklamada ilk önce submit ondan sonra da reset olsun?

onclick tihsform submit; thisform reset denedim ilk olarak ama db ye boş giriş yapıyor.

var mı fikri olan??

openWYSIWYG, ne görürsen onu alırsın (WYSIWYG) mantığında çalışan bir editör. En büyük özelliği cross-browser olması yani tüm web tarayıcılarıyla çalışabilmesi. Diğer önemli özelliği ise muhteşem bir hızda yüklenmesi ve çalışması (gerçekten çok hızlı).

Tek bir JavaScript dosyasından oluşan openWYSIWYG, son derece kolay kuruluyor. Web sayfanızın asp, php veya jsp olması da farketmiyor. Web sayfanıza yalnızca 1-2 satır kod ekleyerek textarea alanlarında openWYSIWYG kullanabilirsiniz. Yazılarınızı her zamankinden daha hızlı ve kolay bir şekilde biçimlendirebilirsiniz.

FormTextResizer

Eğer bir bloga, bir iletişim formuna, vs. yazı yazarken yazdığınız alan size dar geliyorsa (hatta afakanlar basıyorsa) şu sayfadaki bookmarkleti tarayıcınıza ekleyerek bu soruna son verebilirsiniz.

genişleyebilir metin kutuları.

web [metin kutusu araçları]