Html2canvas: स्क्रीनशॉट किए जाने पर टेक्स्टरीज़ में उपयोगकर्ता लाइन ब्रेक नहीं होते हैं

यह अभी भी एक मुद्दा है, input s या textarea s के भीतर टेक्स्ट को अधिक सटीक स्थिति में रखने के लिए कोई पैच नहीं है। या तो टेक्स्ट बनाने की आवश्यकता होगी Range s और उनकी स्थिति (अधिक सटीक समाधान) या नई लाइनों को वास्तविक नई लाइनों में परिवर्तित करने का एक आलसी समाधान खोजने की आवश्यकता होगी।

समस्या https://github.com/niklasvh/html2canvas/blob/master/src/Parse.js#L717 पर स्पष्ट है

ठीक है धन्यवाद - आलसी समाधान क्या होगा? मैंने आपके कोड को संशोधित करने में विस्तार से नहीं देखा है इसलिए मुझे क्षमा करें यदि यह एक बेवकूफ सवाल है। मैंने एंडलाइन कैरेक्टर/एन/आर को यूनिकोड लाइन फीड कैरेक्टर में बदलने की कोशिश की, जिसे createTextNode() में पास किया जा सकता है, लेकिन इससे कोई फर्क नहीं पड़ा।

आपको शायद प्रत्येक पंक्ति के लिए स्थिति को मापने और तदनुसार उन्हें प्रस्तुत करने की आवश्यकता होगी।

मुझे यहां एक समाधान मिला है: http://stackoverflow.com/questions/22317823/html2canvas-remove-multiple-spaces-and-line-break
इसका इस्तेमाल <div contenteditable="true"></div> बदलने के लिए textarea ।

लेकिन मैं कोणीय का उपयोग करता हूं और मुझे ng-model मुद्दे का पता लगाना चाहिए।

UPD
मुझे यहां 'div' पर ng-model का उपयोग करने के बारे में समाधान मिला: http://mehrantm.blogspot.com/2013/10/how-make-two-way-binding-to-your.html
आशा है कि यह किसी की मदद कर सकता है ~

हो सकता है कि हम html2canvas का उपयोग करने से पहले केवल textarea को div में बदल सकें? और उसके बाद div को वापस बदल दें

मैंने इस फ़ंक्शन का उपयोग करके इस समस्या को हल किया:

        $('textarea').each(function() {
            if(!$(this).hasClass('d-none')){
                $(this).replaceWith("<div contenteditable=\"true\">"+$(this).html()+"</div>")
            }
        });

html2canvas को कॉल करने से पहले फ़ंक्शन पेस्ट करें और आपकी समस्या हल हो जाएगी :)