JavaScript kullanarak tarayıcıda bir Word belgesini (.doc, .docx) nasıl oluşturabilirim?

Tarayıcıda "Aç / Kaydet" iletişim kutusu yerine PDF dosyasını görüntülemek için kod başarıyla yaptım. Şimdi, tarayıcıda bir Word belgesi görüntülemeye çalıştım. Firefox, IE7 +, Chrome vb. Sürümlerde bir Word belgesi görüntülemek istiyorum.

Biri yardım edebilir mi? Word belgesini tarayıcıda görüntülerken her zaman "Aç / Kaydet" iletişim kutusunu alıyorum. Bu işlevi JavaScript kullanarak uygulamak istiyorum.

Şu anda hiçbir tarayıcı Word Belgelerini oluşturmak için gerekli koda sahip değil ve bildiğim kadarıyla, bunları oluşturmak için var olan istemci tarafı kitaplıkları da yok.

Ancak, yalnızca Word Belgesini görüntülemeniz gerekiyorsa, ancak düzenlemeniz gerekmiyorsa, <iframe>uzaktan barındırılan bir .doc/ görüntülemek için Google Belgeler Görüntüleyicisini bir .docx.

<iframe src="https://docs.google.com/gview?url=http://remote.url.tld/path/to/document.doc&embedded=true"></iframe>

" Fancybox kullanarak bir kelime belgesi nasıl görüntülenir " den uyarlanmıştır .

Misal:

JSFiddle

Bununla birlikte, yerel desteğe sahip olmayı tercih ederseniz, çoğu tarayıcıda olmasa da çoğunda, .doc/ .docxdosyasını PDF dosyası olarak kaydetmenizi öneririm. Bunlar Mozilla tarafından PDF.js kullanılarak bağımsız olarak da oluşturulabilir .

Düzenle:

Yorumlarda Microsoft Office 365 görüntüleyiciyi yayınladığı için fatbotdesigns'e çok teşekkür ederiz .

<iframe src='https://view.officeapps.live.com/op/embed.aspx?src=http://remote.url.tld/path/to/document.doc' width='1366px' height='623px' frameborder='0'>This is an embedded <a target='_blank' href='http://office.com'>Microsoft Office</a> document, powered by <a target='_blank' href='http://office.com/webapps'>Office Online</a>.</iframe>

Akılda tutulması gereken bir diğer uyarı, lightswitch05 tarafından belirtildiği gibi , bunun belgenizi üçüncü taraf bir sunucuya yükleyeceğidir. Bu kabul edilemezse, bu görüntüleme yöntemi uygun eylem şekli değildir.

Canlı Örnekler:

Google Doküman Görüntüleyici

Microsoft Office Görüntüleyici

Brandon ve fatbotdesigns'in cevapları doğru, ancak Google dokümanlar önizlemesini uyguladıktan sonra, Google tarafından işlenemeyen birden çok .docx dosyası bulduk. MS Office Online önizlemesine geçildi ve bir cazibe sever.

Benim tavsiyem MS Office Önizleme URL'sini Google’ın üzerinde kullanmaktır.

https://view.officeapps.live.com/op/embed.aspx?src=http://remote.url.tld/path/to/document.doc' 

Html dönüştürme istemci tarafına .docx (.doc değil) işleyebilen bazı js kütüphaneleri var (belirli bir sırayla):

• https://github.com/lalalic/docx2html - docx - html, çoğu öğe desteklenir

• https://github.com/mwilliamson/mammoth.js - başlıkları, listeleri, tabloları, son notları, dipnotları, resimleri ve metin kutularını destekler

• https://www.npmjs.com/package/docx2html - DOCX belgelerini tarayıcıdaki veya düğümdeki HTML'ye dönüştürür

• https://github.com/artburkart/docx2html - görünüşe göre tarayıcıda çalışıyor

^{Not: Bir doc / docx dosyasını istemci tarafında dönüştürmenin en iyi yolunu arıyorsanız, muhtemelen cevap yapmayın . Eğer gerçekten yapmanız gerekiyorsa o zaman sunucu tarafı, yani başsız modda libreoffice , apache-poi (java) , pandoc veya diğer kütüphaneler sizin için en uygun olanı yapın.}

Sanırım bir fikrim var. Bu da benim somunumu yapıyor ve Chrome'da görüntülenmesini sağlamakta hala sorun yaşıyorum.

Belgeyi (name.docx) kelimesini tek dosya web sayfası (name.mht) olarak kaydedin html kullanımınızda

<iframe src= "name.mht" width="100%" height="800"> </iframe>

Uygun gördüğünüz yükseklik ve genişlikleri değiştirin.

ViewerJS odt, odp, ods ve ayrıca pdf gibi openoffice formatını görüntülemek / gömmek için yararlıdır.

Yerleştirme openoffice / pdf belgesi için

<iframe src = "/ViewerJS/#../demo/ohm2013.odp" width='700' height='550' allowfullscreen webkitallowfullscreen></iframe>

/ViewerJS/ ViewerJS'nin yolu

#../demo/ohm2013 Dosyanızın yolu gömmek mi istiyor?

Yerel Belgeler (ilgimi çektiğim), özellikle Word belgeleri (hem eski ikili .doc hem de modern docx biçimleri) için bir görüntüleyici (ve düzenleyici) yapar. HTML'ye kayıplı dönüşüm olmadan bunu yapar. Nasıl başlayacağınız https://github.com/NativeDocuments/nd-WordFileEditor/blob/master/README.md

DOCX dosyalarınızı önceden işlemek istiyorsanız, çalışma zamanına kadar beklemek yerine, önce Zamzar gibi bir dosya dönüştürme API'sını kullanarak HTML'ye dönüştürebilirsiniz. . API'yi, programlı olarak DOCX'ten HMTL'ye dönüştürmek, çıktıyı sunucunuza kaydetmek ve daha sonra bu HTML'yi son kullanıcılarınıza sunmak için kullanabilirsiniz.

Dönüştürme oldukça kolaydır:

curl https://api.zamzar.com/v1/jobs \
-u API_KEY: \
-X POST \
-F "source_file=@my.docx" \
-F "target_format=html5"

Bu, Google ve Microsoft'un hizmetlerine ilişkin çalışma zamanı bağımlılıklarını kaldıracaktır (örneğin, çalışmama durumundaysa veya bunlar tarafından sınırlıysanız).

İsterseniz diğer dosya türlerine de genişletebileceğiniz avantajı vardır (PPTX, XLS, DOC vb.)