2008-10-06 12 views
6

Gerçekten neyi yazdırmak istediğinizi seçmek için sayfa düzenleme hakkında bir makale yazıyorum. Çok fazla araç var ("Ne beğendiğini yazdır" gibi) ama ben de bu senaryoyu buldum. Herkes bunun hakkında bir şey biliyor mu? Herhangi bir belge veya referans bulamadım.Java Script Sayfa içeriğini anında düzenlemek için kullanılır.

javascript:document.body.contentEditable='true'; document.designMode='on'; void 0 

Teşekkürler!

+0

Bunun neden "dcom" etiketli olduğunu merak ediyorum ve şimdi bir şekilde soruyu yanlış anladığımı merak ettiğimi merak ediyorum. – Grank

cevap

9

contentEditable özelliği istediğiniz şeydir - IE, Safari (ve bir yan ürün olarak krom) tarafından desteklenir ve firefox 3'ü düşünün (FFX2 değil). Ve ayrıca, bu aynı zamanda HTML5'in bir parçası: D

Firefox 2, designMode'u destekler, ancak bu, tek tek karelerle sınırlandırılırken, contentEditable özelliği, tek tek öğeler için geçerlidir, böylece düzenlenebilir içeriğinizin sayfanızla daha güzel şekilde oynatılmasını sağlayabilirsiniz. : D

[Düzenle (olliej): :((önizleme çalışan rağmen) bu yüzden çıkış filtreleri geçmiş almaz contentEditable özellik olarak Kaldırılan örnek]: Ben haşat ettik

[Düzenle (olliej)

nasıl davrandığını göstermek için çok basit bir demo]

[Düzenle (olliej) : Evet, bağlantılı demodaki contentEditable özelliği IE, Firefox ve Safari'de iyi çalışıyor. Ne yazık ki yeniden boyutlandırma bir css3 özelliği sadece webkit destekliyor gibi görünüyor ve IE hemen hemen tüm CSS ile mücadele için elinden geleni yapıyor. iç mekan]

+0

aynı şeyi yapan herhangi bir js kütüphanesi var mı? – navyad

1

document.designMode, IE 4+ sürümünde (ki bunu açıkça başlattı) ve FireFox 1.3+'de destekleniyor. Açıyorsunuz ve içeriği tarayıcıda doğrudan düzenleyebiliyorsunuz, oldukça hoş bir şey. Daha önce hiç kullanmadım ama basılabilir bilgiler elde etmek için oldukça mükemmel olurdu.

Söyleşi: Google Chrome'da da çalışıyor gibi görünüyor. Sadece Chrome ve Firefox'ta test ettim, çünkü bir javascript konsoluna sahip olan tarayıcılar olduğu için, Internet Explorer'da asla kişisel olarak kullanmadığımdan emin olamıyorum. Anlayışım, diğer tarayıcıların aldıkları ve şu anda herhangi bir standartta olmayan IE'ye özgü bir özellik olduğu yönündeydi, bu yüzden Firefox ve Chrome destekliyorsa ancak IE durdurulduysa şaşırıyorum.

0

Tarayıcının dahili düzenleme işlevini mümkün olduğu yerde etkinleştirir. Yukarıda bahsedildiği gibi, designMode Gecko'dur ve contentEditable herkesdir (ve Gecko 1.9'a eklenmiştir). Bu özellikler, HTML/Javascript ile oluşturulmuş her WYSIWYG editörünün (neredeyse?) Temelini oluşturur. Sadece yazarak/siliyorsanız, sağladığınız komuttan başka bir şey gerekmemelidir. ('Void' ile ilgili her şey gereksiz olsa da.)

Bu özelliklerin bir uygulamada nasıl kullanılacağına dair belgeler için, en iyi başvuru Mozilla'nın Midas specification (MSDN bazı kullanımları olabilir ...).

İlgili konular