আমি জাভাস্ক্রিপ্ট ব্যবহার করে কীভাবে একটি ওয়ার্ড ডকুমেন্ট (.doc, .docx) রেন্ডার করব?


146

আমি "ওপেন / সেভ" ডায়ালগের পরিবর্তে ব্রাউজারে একটি পিডিএফ ফাইল প্রদর্শন করার জন্য কোডটি সাফল্যের সাথে করেছি। এখন, আমি ব্রাউজারে একটি ওয়ার্ড ডকুমেন্ট প্রদর্শনের চেষ্টা আটকে আছি। আমি ফায়ারফক্স, আই ++, ক্রোম ইত্যাদিতে একটি ওয়ার্ড ডকুমেন্ট প্রদর্শন করতে চাই

কেউ সাহায্য করতে পারেন? ব্রাউজারে ওয়ার্ড ডকটি প্রদর্শন করার সময় আমি সর্বদা "ওপেন / সংরক্ষণ করুন" ডায়ালগ পাচ্ছি। আমি জাভাস্ক্রিপ্ট ব্যবহার করে এই কার্যকারিতা বাস্তবায়ন করতে চাই।



ডকএক্স ফাইলগুলি প্রদর্শন এবং সম্পাদনা করার জন্য আপনি প্রতিক্রিয়াতে সিঙ্কফিউশন-ডকুমেন্ট-এডিটর ব্যবহার করতে পারেন
ইউসুফ মোহাম্মদ

উত্তর:


225

ওয়ার্ড ডকুমেন্টস রেন্ডার করার জন্য বর্তমানে কোনও ব্রাউজারের কাছে প্রয়োজনীয় কোড নেই এবং যতদূর আমি জানি, কোনও ক্লায়েন্ট-সাইড লাইব্রেরি নেই যা বর্তমানে তাদের রেন্ডারিংয়ের জন্য বিদ্যমান।

তবে, যদি আপনাকে কেবল ওয়ার্ড ডকুমেন্টটি প্রদর্শন করতে হয় তবে এটি সম্পাদনা করার প্রয়োজন না হয়, আপনি একটি গুগল ডকুমেন্টস ভিউয়ারকে <iframe>একটি রিমোট হোস্ট করা .doc/ প্রদর্শনের জন্য ব্যবহার করতে পারেন .docx

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

" অভিনব বাক্স ব্যবহার করে কীভাবে শব্দের ডকুমেন্ট প্রদর্শন করা যায়" থেকে সমাধানটি রূপান্তরিত ।

উদাহরণ:

JSFiddle

তবে, যদি আপনার পরিবর্তে দেশীয় সমর্থন থাকে তবে বেশিরভাগ ক্ষেত্রে, সমস্ত ব্রাউজার না থাকলে, আমি .doc/ .docxপিডিএফ ফাইল হিসাবে পুনঃস্থাপনের পরামর্শ দেব, সেগুলিও মোজিলা দ্বারা পিডিএফ.জেএস ব্যবহার করে স্বাধীনভাবে রেন্ডার করা যেতে পারে ।

সম্পাদনা:

মন্তব্যে মাইক্রোসফ্ট অফিস 365 ভিউয়ার পোস্ট করার জন্য ফ্যাটবোট ডিজাইনসকে প্রচুর ধন্যবাদ ।

<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>

লাইটসুইচ05 দ্বারা নির্দেশিত হিসাবে, মাথায় রাখার জন্য আরও একটি গুরুত্বপূর্ণ সতর্কতা হ'ল এটি আপনার ডকুমেন্টটিকে তৃতীয় পক্ষের সার্ভারে আপলোড করবে। যদি এটি অগ্রহণযোগ্য হয়, তবে প্রদর্শনের এই পদ্ধতিটি যথাযথ ক্রিয়াকলাপ নয়।

সরাসরি উদাহরণ:

গুগল ডক্স ভিউয়ার

মাইক্রোসফ্ট অফিস ভিউয়ার


2
@ পঙ্কজ আপনাকে এটি গুগল ড্রাইভে আপলোড করতে হবে না। আপনি কেবলমাত্র urlআপনার সার্ভারে হোস্ট করা, বা অন্য যে কোনও জায়গায় এটির সাথে সরাসরি লিঙ্কযুক্ত হতে পারে, সম্পূর্ণ ইউআরএল .ডোক ফাইলটিতে পরামিতিটি পরিবর্তন করতে পারেন। গুগল ডক্স এমন একটি ফর্ম্যাটে রূপান্তর পরিচালনা করে যা ফ্লাইতে ব্রাউজার দ্বারা পরিচালিত হতে পারে এবং এটি ফাইল দখল করার জন্য সার্ভার-সাইড অনুরোধ সম্পাদন করার পরিবর্তে গুগল ডক্সে এটি আপলোড বা সংরক্ষণ করা প্রয়োজন হয় না।
ব্র্যান্ডন আনজলদি

3
@ পঙ্কজ আপনি কোনও স্থানীয় সার্ভার হোস্ট করলেও গুগল অ্যাক্সেস করতে পারে না localhost। এটির জন্য সর্বজনীনভাবে অ্যাক্সেসযোগ্য URL দরকার। আপনি ফিঞ্চের মতো একটি বেসিক ফরওয়ার্ডিং পরিষেবা ব্যবহার করতে পারেন ।
ব্র্যান্ডন আনজলদি

11
আপনি অফিসে লাইভ অ্যাপস ভিউয়ারটিও ব্যবহার করতে পারেন: // ভিউ.অফিস্যাপস.লাইভ.com/op/ebb.spx?src=yur_url_ এখানে এই url একটি আইফ্রেমে
রেখেছেন

1
@ বনিফেসপিরিরা আপনি যদি একটি ইন্ট্রানেট সেট করে থাকেন তবে আপনাকে সম্ভবত স্থানীয়ভাবে কিছু রূপান্তর করতে হবে, কারণ জিডোকস এবং লাইভ উভয়কেই কোথাও থেকে ডকুমেন্ট আনতে হবে। : আপনি করতে পারবেন হন, আপনি OpenOffice বা কিছু দিয়ে রূপান্তর জন্য একটি সার্ভার সেট আপ করতে সক্ষম হতে পারেন stackoverflow.com/questions/5538584/...
ব্রান্ডন Anzaldi

18
কেবল উল্লেখ করতে চাই যে এই দুটি পদ্ধতিই অবশ্যই Google এবং মাইক্রোসফ্টের সার্ভারগুলিতে ফাইলগুলি আপলোড করে। যদি আপনি সংবেদনশীল তথ্য নিয়ে কাজ করে যাতে সীমিত অ্যাক্সেস থাকা উচিত- এটি করবেন না। ব্রাউজারে দেখতে ফাইলের পিডিএফ সংস্করণ তৈরি করতে পিডিএফ.জেএস সহ বিকল্প সমাধানটি ব্যবহার করুন এবং বিভিন্ন এক্সেল / ডক সংস্করণ ডাউনলোড করার জন্য একটি লিঙ্ক অফার করুন।
লাইটউইচ05

30

ব্র্যান্ডন এবং ফ্যাটবটডিজাইন দুটি উত্তরই সঠিক, তবে গুগল ডক্স পূর্বরূপ প্রয়োগ করে আমরা একাধিক .ডোক্স ফাইল পেয়েছি যা গুগল পরিচালনা করতে পারে না। এমএস অফিস অনলাইন পূর্বরূপে স্যুইচ করা হয়েছে এবং একটি কবজ পছন্দ করে works

আমার সুপারিশটি হ'ল গুগলের উপর থেকে এমএস অফিস পূর্বরূপ URL টি ব্যবহার করা হবে।

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

1
এটি ব্যবহারে কোনও বাধা আছে কি? সমর্থন.microsoft.com/en-us/help/2769380/…
বিষ্ণু

একটি পাল্টা বিবরণ সরবরাহ করতে - আমরা গুগল সংস্করণটি বেছে নিয়েছিলাম কারণ মাইক্রোসফ্ট রেন্ডারার ক্রোম এবং এফএফ উভয়ই লোড করতে অনেক বেশি সময় নেয়
ডেভিড হলিডে

13

কিছু জেএস লাইব্রেরি রয়েছে বলে মনে হচ্ছে যে। ডকএক্স (না। ডক) এইচটিএমএল রূপান্তর ক্লায়েন্ট-সাইডে (কোনও নির্দিষ্ট ক্রমে নয়) পরিচালনা করতে পারে:

দ্রষ্টব্য: আপনি যদি ক্লায়েন্টের পক্ষ থেকে কোনও ডক / ডক্সেক্স ফাইল রূপান্তর করার সর্বোত্তম উপায়ের সন্ধান করছেন তবে সম্ভবত উত্তরটি এটি করবেন না । যদি সত্যিই আপনি এটা করতে প্রয়োজন তাহলে এটি সার্ভার সাইড করি, অর্থাত সঙ্গে হেডলেস মোডে LibreOffice , Apache-POI (জাভা) , pandoc বা যাই হোক না কেন অন্য গ্রন্থাগার আপনার জন্য সবচেয়ে ভাল কাজ করে।


1
আমি খেয়াল করব যে আমার গ্রন্থাগারটি সম্পূর্ণ অপ্রচলিত। এটি ডকএক্স ফাইলগুলিকে এমন কিছুতে রূপান্তর করতে সক্ষম হয়েছিল যা ব্রাউজারে রেন্ডার হতে পারে। আমি জানি না এটি আর সত্য কিনা।
আর্টবার্কার্ট

2

আমার মনে হয় আমার একটা ধারণা আছে এটি আমার বাদামটিও করছে এবং ক্রোমে এটি প্রদর্শন করতে আমার এখনও সমস্যা হচ্ছে।

আপনার এইচটিএমএল ব্যবহারে নথিতে (name.docx) একক ফাইল ওয়েবপৃষ্ঠা হিসাবে (name.mht) সংরক্ষণ করুন

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

আপনি উপযুক্ত হিসাবে উচ্চতা এবং প্রস্থ পরিবর্তন করুন।


6
@ গুডোমোচা কেবল মন্তব্য করবেন না, এটি কেন খারাপ দৃষ্টিভঙ্গি তা যুক্তি সরবরাহ করুন provide
জে লু

2

ভিউয়ারজেএস ওডিঅফিস ফর্ম্যাটটি যেমন বিজোড়, অজানা, ওএসডি এবং পিডিএফ এম্বেড করতে সহায়ক helpful

এম্বেড ওপেনঅফিস / পিডিএফ ডকুমেন্টের জন্য

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

/ViewerJS/ ভিউয়ারজেএস-এর পথ

#../demo/ohm2013 আপনার ফাইলের পথটি এম্বেড করতে চান


আমি কি লিংকটি ইউআরএলসকে s s3
বিষ্ণু

না, আপনি কেবল স্থানীয় লিঙ্ক সরবরাহ করুন
নবীনদা

1
আপনার প্রতিক্রিয়ার জন্য আপনাকে ধন্যবাদ
বিষ্ণু

দুর্ভাগ্যক্রমে আমার প্রসঙ্গে মাইক্রোসফ্ট ফর্ম্যাটগুলি আরও বিস্তৃত।
গেটল্লি

1

নেটিভ ডকুমেন্টস (যাতে আমার আগ্রহ আছে) বিশেষত ওয়ার্ড ডকুমেন্টগুলির জন্য (একজন লিগ্যাসি বাইনারি .ডোক এবং আধুনিক ডক্স ফর্ম্যাট) উভয় দর্শকের (এবং সম্পাদক) করে। এটি HTML এ ক্ষতিকারক রূপান্তর ছাড়াই এটি করে। এখানে কীভাবে শুরু করবেন তা https://github.com/NativeDocuments/nd-WordFileEditor/blob/master/README.md


2
এটিতে মূল্য নির্ধারণের কোনও তথ্য নেই। 'ওয়ার্ড ফাইল এডিটর / ভিউয়ার' কী বিনামূল্যে?
ফায়ারিংব্ল্যাঙ্কস

এর বাণিজ্যিক সফ্টওয়্যার, তবে আমাদের স্টার্টআপস / ছোট ব্যবসায়ের জন্য একটি নিখরচায় পরিকল্পনা রয়েছে এবং অন্যদের জন্য ব্যবহারের সীমাবদ্ধতার জন্য একটি নিখরচায় পরিকল্পনা রয়েছে। আমরা শীঘ্রই বিশদ প্রকাশ করব।
জেসনপ্লিটেক্সট

এটি কি কোনও একক পৃষ্ঠায় সার্ভারলেস যেমন চলতে পারে?
গ্রাহাম চিউ

সার্ভার-সাইড আমরা আপনাকে এটি কোথাও চালাতে হবে (যেমন ইসিএস) ডকার পাত্রে হিসাবে প্যাকেজ করি। (নীতিগতভাবে আমরা এর
কিছুটি

3
এই টুইটটি আকর্ষণীয় দেখায় তবে আমি ধোঁকা দেব: আমি একটি ভাল প্যাকেজ বা পরিষেবার জন্য একটি সামান্য যুক্তিসঙ্গত ফি দিতে ইচ্ছুক - তবে "আপনার তথ্য জমা দিন এবং এটির জন্য কী খরচ হয় তা আমরা আপনাকে জানিয়ে দেব" এটি কোনও নন
মনঃশেকাট্জ-মুভিং 2 কোডিড্যাক্ট

0

আপনি যদি নিজের ডসএক্সএক্স ফাইলগুলি প্রাক-প্রক্রিয়া করতে চান তবে রানটাইম পর্যন্ত অপেক্ষা না করে আপনি প্রথমে জামজারের মতো কোনও ফাইল রূপান্তর API ব্যবহার করে এগুলি এইচটিএমএল রূপান্তর করতে পারেন । আপনি ডিওএক্সএক্স থেকে এইচএমটিএলে রূপান্তর করতে, আপনার সার্ভারে আউটপুটটি সংরক্ষণ করতে এবং তারপরে আপনার শেষ ব্যবহারকারীদের কাছে সেই এইচটিএমএল পরিবেশন করতে আপনি API ব্যবহার করতে পারেন।

রূপান্তরটি বেশ সহজ:

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

এটি গুগল এবং মাইক্রোসফ্টের পরিষেবাগুলিতে কোনও রানটাইম নির্ভরতা অপসারণ করবে (উদাহরণস্বরূপ তারা ডাউন থাকলে বা আপনি তাদের দ্বারা রেট সীমাবদ্ধ ছিলেন)।

এটিরও সুবিধা রয়েছে যে আপনি চাইলে অন্যান্য ফাইল টাইপগুলিতে প্রসারিত করতে পারেন (পিপিটিএক্স, এক্সএলএস, ডক ইত্যাদি)

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.