👩🏼‍🔧 🐟 🌛 हम लिबरऑफिस, जॉडकोनिक्स और टाइनीएमसीई पर आधारित एक दृश्य वेब-आधारित दस्तावेज़ संपादक बनाते हैं ✋🏽 👋🏼 💔

मुझे कार्यालय के विनिर्देश कैसे पसंद हैं!

टेम्पलेट का उपयोग करके Excel दस्तावेज़ बनाने के बारे में पिछला लेख लिखने के बाद से, बहुत समय बीत चुका है और कार्य कुछ हद तक बदल गया है। नया कार्य निम्नानुसार सेट किया गया था: एक तैयार एक्सेल या शब्द दस्तावेज़ से, वेब इंटरफ़ेस के माध्यम से एक टेम्पलेट बनाएं। गठन की प्रक्रिया में, टेम्पलेट के टुकड़ों को हटाने और / या "क्लोन" में आवश्यक मानों को प्रतिस्थापित करें। गठन के बाद, दस्तावेज़ को ब्राउज़र में दृश्य संपादन के लिए उपयोगकर्ता के लिए उपलब्ध होना चाहिए। समाप्त दस्तावेज़ को सर्वर पर सहेजा जाना चाहिए, उपयोगकर्ता द्वारा इसके विस्तार (* .doc / *। Xls) और पीडीएफ दोनों में डाउनलोड के लिए उपलब्ध होना चाहिए। उसी समय, डाउनलोड की गई फ़ाइल का लेआउट उस टेम्पलेट के समान होना चाहिए जो बहुत शुरुआत में लोड किया गया था (मार्जिन और प्रिंट क्षेत्रों के किसी भी विरूपण के बिना)।

खैर, एक समस्या है - हम इसे हल करेंगे!

1. साबित उपकरण

पहले आपको यह तय करने की आवश्यकता है कि लेआउट को गड़बड़ किए बिना डॉक्टर, डॉक्स, xls, xlsx से html और इसके विपरीत से डाउनलोड की गई फ़ाइलों को कैसे डिस्टिल करें।

Apache POI: एक महान उपकरण जिसका हमने सफलतापूर्वक उपयोग किया है, लेकिन यह नहीं जानता कि मौजूदा दस्तावेज़ से HTML मार्कअप कैसे उत्पन्न किया जाए।

DocX4J: इसके साथ एक लंबी कहानी रही है। वह जानती है कि हर तरह की सुखद बातें कैसे की जाती हैं जिसके बारे में वह बार-बार लिखती है। और शुरू में हम इस विशेष पुस्तकालय का उपयोग करना चाहते थे।

DocX4J के नुकसान: आप केवल डॉक्स और xlsx के साथ काम कर सकते हैं। लेकिन यह इतना डरावना नहीं है। समस्या तब शुरू होती है जब आप HTML को docx या xlsx में बदलने की कोशिश करते हैं। दस्तावेज़ की सभी शैलियाँ जाती हैं, आम तौर पर फोंट लिखे जाते हैं, आदि। हमने डेवलपर की ओर रुख किया। उन्होंने कहा कि इस तरह की समस्या है और इसका भुगतान संस्करण में आंशिक रूप से हल किया गया है - docx4j-web-editor। लेकिन भुगतान किया संस्करण भी अपने बग के साथ निकला। कोटसोव के अंत में, इस पुस्तकालय को भी छोड़ना पड़ा।

इसका उपाय लिबरऑफिस का उपयोग करना है। उसे सर्वर पर HTML और इसके विपरीत फ़ाइलों को परिवर्तित करने दें। यह केवल हमारे वेब-एप्लिकेशन के साथ इसे जोड़ने के लिए बनी हुई है।

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

2. फाइल को सर्वर पर अपलोड करें और उससे एक टेम्प्लेट बनाएं

लेकिन jodconverter सर्वर पर फ़ाइल सिस्टम के साथ काम कर सकता है। इसलिए, आपको वेब एप्लिकेशन से डाउनलोड की गई फ़ाइल को स्थानांतरित करने और उलटा समस्या को हल करने की आवश्यकता है - एचटीएमएल को वांछित फ़ाइल प्रारूप में कनवर्ट करें और उपयोगकर्ता को दें।

बिल्ली के नीचे टिप्पणियों के साथ jodconverter के लिए एक छोटा आवरण वर्ग है:

Libre.java

package ru.cpro.uchteno.util; import java.io.File; import java.io.FileInputStream; import java.io.FileOutputStream; import java.io.IOException; import java.io.InputStream; import java.io.OutputStream; import java.util.logging.Level; import java.util.logging.Logger; import org.artofsolving.jodconverter.OfficeDocumentConverter; import org.artofsolving.jodconverter.office.ExternalOfficeManagerConfiguration; import org.artofsolving.jodconverter.office.OfficeConnectionProtocol; import org.artofsolving.jodconverter.office.OfficeManager; public class Libre {//    public static void doc2html(InputStream is, OutputStream os) {// doc  html try { File inf = File.createTempFile("doc", ".doc"); //   FileOutputStream infos = new FileOutputStream(inf); //    //        int n = 0; byte buff[] = new byte[1024]; while (n >= 0) { n = is.read(buff); if (n > 0) { infos.write(buff, 0, n); } } //  is.close(); infos.close(); //   File onf = File.createTempFile("doc", ".html"); //  jodconverter' ExternalOfficeManagerConfiguration officeConfiguration = new ExternalOfficeManagerConfiguration(); // tcp  officeConfiguration .setConnectionProtocol(OfficeConnectionProtocol.SOCKET); // officeConfiguration.setPortNumber(2002); //   officeManager OfficeManager officeManager = officeConfiguration .buildOfficeManager(); //     officeManager.start(); //  OfficeDocumentConverter converter = new OfficeDocumentConverter( officeManager); //    converter.convert(inf, onf); //  officeManager.stop(); //         FileInputStream outfis = new FileInputStream(onf); n = 0; while (n >= 0) { n = outfis.read(buff); if (n > 0) { os.write(buff, 0, n); } } //  outfis.close(); os.close(); //   inf.delete(); onf.delete(); } catch (IOException ex) { Logger.getLogger(Libre.class.getName()).log(Level.SEVERE, null, ex); } } public static void doc2pdf(InputStream is, OutputStream os) { try { File inf = File.createTempFile("doc", ".doc"); FileOutputStream infos = new FileOutputStream(inf); int n = 0; byte buff[] = new byte[1024]; while (n >= 0) { n = is.read(buff); if (n > 0) { infos.write(buff, 0, n); } } is.close(); infos.close(); File onf = File.createTempFile("doc", ".pdf"); ExternalOfficeManagerConfiguration officeConfiguration = new ExternalOfficeManagerConfiguration(); officeConfiguration .setConnectionProtocol(OfficeConnectionProtocol.SOCKET); officeConfiguration.setPortNumber(2002); OfficeManager officeManager = officeConfiguration .buildOfficeManager(); officeManager.start(); OfficeDocumentConverter converter = new OfficeDocumentConverter( officeManager); converter.convert(inf, onf); officeManager.stop(); FileInputStream outfis = new FileInputStream(onf); n = 0; while (n >= 0) { n = outfis.read(buff); if (n > 0) { os.write(buff, 0, n); } } outfis.close(); os.close(); inf.delete(); onf.delete(); } catch (IOException ex) { Logger.getLogger(Libre.class.getName()).log(Level.SEVERE, null, ex); } } public static void html2doc(InputStream is, OutputStream os) { try { File inf = File.createTempFile("doc", ".html"); FileOutputStream infos = new FileOutputStream(inf); int n = 0; byte buff[] = new byte[1024]; while (n >= 0) { n = is.read(buff); if (n > 0) { infos.write(buff, 0, n); } } is.close(); infos.close(); File onf = File.createTempFile("doc", ".doc"); ExternalOfficeManagerConfiguration officeConfiguration = new ExternalOfficeManagerConfiguration(); officeConfiguration .setConnectionProtocol(OfficeConnectionProtocol.SOCKET); officeConfiguration.setPortNumber(2002); OfficeManager officeManager = officeConfiguration .buildOfficeManager(); officeManager.start(); OfficeDocumentConverter converter = new OfficeDocumentConverter( officeManager); converter.convert(inf, onf); officeManager.stop(); FileInputStream outfis = new FileInputStream(onf); n = 0; while (n >= 0) { n = outfis.read(buff); if (n > 0) { os.write(buff, 0, n); } } outfis.close(); os.close(); inf.delete(); onf.delete(); } catch (IOException ex) { Logger.getLogger(Libre.class.getName()).log(Level.SEVERE, null, ex); } } public static void html2docx(InputStream is, OutputStream os) { try { File inf = File.createTempFile("doc", ".html"); FileOutputStream infos = new FileOutputStream(inf); int n = 0; byte buff[] = new byte[1024]; while (n >= 0) { n = is.read(buff); if (n > 0) { infos.write(buff, 0, n); } } is.close(); infos.close(); File onf = File.createTempFile("doc", ".docx"); ExternalOfficeManagerConfiguration officeConfiguration = new ExternalOfficeManagerConfiguration(); officeConfiguration .setConnectionProtocol(OfficeConnectionProtocol.SOCKET); officeConfiguration.setPortNumber(2002); OfficeManager officeManager = officeConfiguration .buildOfficeManager(); officeManager.start(); OfficeDocumentConverter converter = new OfficeDocumentConverter( officeManager); converter.convert(inf, onf); officeManager.stop(); FileInputStream outfis = new FileInputStream(onf); n = 0; while (n >= 0) { n = outfis.read(buff); if (n > 0) { os.write(buff, 0, n); } } outfis.close(); os.close(); inf.delete(); onf.delete(); } catch (IOException ex) { Logger.getLogger(Libre.class.getName()).log(Level.SEVERE, null, ex); } } public static void html2pdf(InputStream is, OutputStream os) { try { File inf = File.createTempFile("doc", ".html"); FileOutputStream infos = new FileOutputStream(inf); int n = 0; byte buff[] = new byte[1024]; while (n >= 0) { n = is.read(buff); if (n > 0) { infos.write(buff, 0, n); } } is.close(); infos.close(); File onf = File.createTempFile("doc", ".pdf"); ExternalOfficeManagerConfiguration officeConfiguration = new ExternalOfficeManagerConfiguration(); officeConfiguration .setConnectionProtocol(OfficeConnectionProtocol.SOCKET); officeConfiguration.setPortNumber(2002); OfficeManager officeManager = officeConfiguration .buildOfficeManager(); officeManager.start(); OfficeDocumentConverter converter = new OfficeDocumentConverter( officeManager); converter.convert(inf, onf); officeManager.stop(); FileInputStream outfis = new FileInputStream(onf); n = 0; while (n >= 0) { n = outfis.read(buff); if (n > 0) { os.write(buff, 0, n); } } outfis.close(); os.close(); inf.delete(); onf.delete(); } catch (IOException ex) { Logger.getLogger(Libre.class.getName()).log(Level.SEVERE, null, ex); } } }

3. हम एक टेम्पलेट के साथ काम करते हैं

जब हमारे पास HTML होता है, तो उस पर आवश्यक संचालन वेग का उपयोग करके आसानी से किया जाता है। सब कुछ आसानी से वर्णन के अनुसार किया जाता है।

4. दस्तावेज़ का दृश्य संपादन

दृश्य संपादकों की अपनी ख़ासियत है - दृश्य संपादक HTML कोड को खराब करते हैं, और जब पीछे की ओर परिवर्तित होते हैं, तो हमारे दस्तावेज़ का पूरा लेआउट मान्यता से परे विकृत हो जाएगा। विभिन्न संपादकों के साथ प्रयोगों के दौरान, हम इस ~~निष्कर्ष~~ पर ~~पहुँचे~~ कि टिनीएमसीई कम से कम ~~चतुराई~~ से मार्कअप को बिगाड़ देता है और व्यावहारिक रूप से वापस परिवर्तित करते समय अंतिम परिणाम को प्रभावित नहीं करता है।

परिणामस्वरूप, परीक्षण और त्रुटि ~~पोकिंग~~ विधि द्वारा हमने इष्टतम संपादक कॉन्फ़िगरेशन का चयन किया:

 tinymce.init({ selector: "textarea", theme: "modern", fullpage_default_doctype: "<!DOCTYPE xhtml>", plugins: [ "advlist autolink lists link image charmap print preview hr anchor pagebreak", "searchreplace wordcount visualblocks visualchars code fullscreen", "insertdatetime media nonbreaking save table contextmenu directionality", "emoticons template paste textcolor fullpage" ], toolbar1: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image", toolbar2: "print preview media | forecolor backcolor emoticons", image_advtab: true });

प्रत्येक बार, DOM में संपादक की सामग्री को रीसेट करने के लिए, tinyMCE.triggerSave();

करना न भूलें tinyMCE.triggerSave();

5. तैयार दस्तावेज डाउनलोड करें

इन उद्देश्यों के लिए, हम फिर से Libre.java

पुस्तकालय का उपयोग करेंगे:

कन्वर्ट html करने के लिए डॉक्टर - html2doc()

HTML को docx में बदलें - html2docx()

HTML को PDF में बदलें - html2pdf()

वह, वास्तव में, सब है। हमें खुशी होगी अगर यह लेख किसी की मदद करता है और एक नखरे के साथ नाचने में लगने वाले समय को कम करता है!

द्वारा तैयार सामग्री: akaiser , boiler5 ।

हम लिबरऑफिस, जॉडकोनिक्स और टाइनीएमसीई पर आधारित एक दृश्य वेब-आधारित दस्तावेज़ संपादक बनाते हैं

More articles: