JDoc का उपयोग करके ब्राउज़र में दस्तावेज़ों के साथ काम करना

मुझे लगता है कि हममें से अधिकांश लोग अक्सर उत्कृष्ट Google डॉक्स सेवा का उपयोग करते हैं। एक बार जब मैं इस तरह से कुछ लिखने की कोशिश करने के विचार से मारा गया था, तो न केवल एक सेवा, बल्कि एक पुस्तकालय जो ब्राउज़र और ऑफ़लाइन में सबसे लोकप्रिय प्रारूपों के दस्तावेजों के साथ काम करने की समस्या को हल करेगा! और हां, केवल जावास्क्रिप्ट विकसित करने के लिए और कुछ नहीं :) इसलिए jDoc पुस्तकालय का जन्म हुआ, जो अभी भी अपने विकास के प्रारंभिक चरण में है, संस्करण 0.1.0 के तहत।

हम क्या कर सकते हैं

इस स्तर पर jDoc का उपयोग करते हुए, यह प्रारूपण, चित्र, लिंक, आदि के संरक्षण के साथ पढ़ना संभव है , ऐसे प्रारूप के दस्तावेज:

• .docx
• .txt
• .fb2
• .odt
• .csv
• .tsv

विशेष रूप से "पढ़ें" शब्द पर प्रकाश डाला, क्योंकि भविष्य की योजनाओं में नए दस्तावेजों का संपादन और निर्माण।

कैसे उपयोग करें

हम पुस्तकालय को परियोजना से जोड़ते हैं:

<script src="js/jDoc.0.1.0.js"></script> 

या इसका छोटा संस्करण:

 <script src="js/jDoc.0.1.0.min.js"></script> 

और आवश्यक फ़ाइल पढ़ें:

 //file -   File jDoc.read(file, { success: function (result) { }, error: function (error) { } }); 

परिणाम - वस्तु, फ़ाइल को पढ़ने का परिणाम। इसकी 2 विधियाँ हैं:

1. result.html () - डॉक्यूमेंट को लौटा देगा। परिवर्तित फाइल संरचना के साथ html, यह उपयोगकर्ता के लिए दस्तावेज़ के तुरंत प्रदर्शन के लिए उपयोग करना सुविधाजनक है।
2. result.data () - एक नियमित जावास्क्रिप्ट ऑब्जेक्ट के रूप में दस्तावेज़ की रीड संरचना को लौटाएगा

प्रयुक्त प्रौद्योगिकियाँ

एक संग्रह का गठन करने वाले कुछ फ़ाइल स्वरूपों (डॉक्स, ओडीटी) को पढ़ने के लिए अभिलेखागार के मेरे अनपैकर को लिखने की आवश्यकता थी, लेकिन जल्द ही मुझे उत्कृष्ट zip.js लाइब्रेरी मिली और बहुत समय बचा। पुस्तकालय जावास्क्रिप्ट का उपयोग करके अभिलेखागार के साथ काम करने के लिए एक सुविधाजनक एपीआई प्रदान करता है, और हालांकि कई कीड़े zip.js में तय किए जाने थे, मैं इस तरह की खोज से बहुत खुश था।

बेशक, आपने अनुमान लगाया है कि ब्राउज़र जावास्क्रिप्ट का उपयोग करके फ़ाइलों को पढ़ने के लिए नवीनतम तकनीकों का उपयोग करता है, जिसमें सभी HTML5 को एक ही अवधारणा में शामिल करते हैं, जैसे: बूँद , फ़ाइलएपीआई , जावास्क्रिप्ट टाइप किए गए सरणियाँ

स्रोत को एक सिंगल फ़ाइल में असेंबल करना ग्रंट का उपयोग करके किया जाता है।

विशेषताएं

मेरे लिए, Office Open XML प्रारूप के साथ काम करना, जिसमें .docx फाइलें शामिल हैं, एक वास्तविक दुःस्वप्न बन गया है। उसी OpenDocument (.odt फ़ाइलों) की तुलना में, ओपन XML संरचना अविश्वसनीय रूप से राक्षसी दिखती है।

मजेदार घटनाओं के बिना नहीं। .Docx फ़ाइल के लिए प्रकट में एक टैग है

 <Pages> 

जो प्रदर्शित करने के लिए दस्तावेज़ के पृष्ठों की संख्या को नियंत्रित करता है। लेकिन यदि आप MS Word में एक ही दस्तावेज़ लेते हैं और खोलते हैं, तो पृष्ठों की संख्या 2 होगी :) लगभग एक दर्जन अन्य परीक्षण किए गए दस्तावेज़ों के लिए, यह स्थिति उत्पन्न नहीं हुई।

मुझे WebWorkers के साथ, जैसा कि भुगतना पड़ा क्रोम और फायरफॉक्स दोनों में, 20 से अधिक श्रमिकों के एक साथ निर्माण से कुछ भी नहीं खत्म हुआ या ब्राउज़र क्रैश हो गया। उदाहरण के लिए, एक .docx फ़ाइल 20-25 फ़ाइलों में "पार्स" है, जो छवियों और अन्य तृतीय-पक्ष संसाधनों को नहीं ले रही है।

ब्राउज़र का समर्थन

दुर्भाग्य से, Google क्रोम और मोज़िला फायरफॉक्स के नवीनतम संस्करणों में केवल पुस्तकालय की जांच करने का अवसर था।

योजनाओं

आशावादी पुस्तकालय विकास योजनाएं नेपोलियन :

• अनुकूलन - एक दस्तावेज़ के साथ कुछ स्वरूपों के लिए लाइब्रेरी को असेंबल करने के लिए एक अलग पृष्ठ बनाएं, एक jQuery यूआई असेंबली जैसा कुछ
• अभी भी WebWorkers का उपयोग करें, के रूप में तकनीक बहुत सुविधाजनक और शक्तिशाली है, हालांकि इसका उपयोग सभी फ़ाइल स्वरूपों के लिए नहीं किया जा सकता है
• फ़ाइल को सहेजने के लिए एक विशिष्ट प्रारूप निर्दिष्ट करने की क्षमता के साथ नई फ़ाइलों को संपादित करने की क्षमता
• समर्थित फ़ाइल स्वरूपों की सूची का विस्तार

पुनश्च हालांकि लाइब्रेरी अभी भी नम है, लेकिन यह पहले से ही बहुत ही तुच्छ कार्यों के लिए उपयोग किया जा सकता है, उदाहरण के लिए, सर्वर पर भेजने से पहले क्लाइंट पर दस्तावेजों को पढ़ना, पूर्वावलोकन करना।
यह मेरी पहली पोस्ट है, इसलिए ज्यादा लात मत मारो। मुझे टिप्पणियों में रचनात्मक सुझाव और सुझाव देने में खुशी होगी।
PPS एक डेमो पोस्ट करने के लिए बहुत बहुत haberraiser aleks_raiden धन्यवाद
फ़ाइल का चयन करने के बाद, आपको थोड़ा इंतजार करना चाहिए, क्योंकि मेरे पास प्रसंस्करण की कल्पना करने का समय नहीं है :)