Html-react-parser: स्टाइल विशेषताओं में महत्वपूर्ण ! से कैसे निपटें?

@linkurzweg आपको html-react-parser आवश्यकता नहीं हो सकती है। बेला देखें। यदि आप खतरनाक तरीके से SetInnerHTML का उपयोग करते हैं तो बस XSS भेद्यता से अवगत रहें।

@remarkablemark आह, मैंने खतरनाक तरीके से
मेरे मामले में एक्सएसएस के लिए कोई वास्तविक जोखिम नहीं है, इसलिए यह ठीक होना चाहिए।

समस्या यह है कि, मुझे अभी भी html-react-parser के माध्यम से सब कुछ चलाने की आवश्यकता है, क्योंकि शरीर में ऐसे तत्व हो सकते हैं जिन्हें मुझे कुछ प्रतिक्रिया घटक के साथ बदलने की आवश्यकता है। केवल अगर तत्व में शैली विशेषता है तो मैं इसे प्रस्तुत कर सकता हूं।
क्या पार्सिंग करते समय डोमनोड को वापस स्ट्रिंग में बदलने का कोई तरीका है?

आपका बहुत बहुत धन्यवाद!

@linkurzweg आप अपने डोमनोड को domToReact() में पास कर सकते हैं और यह इसे एक प्रतिक्रिया तत्व के रूप में प्रस्तुत करेगा। उदाहरण बदलें देखें।

@remarkablemark फिर से धन्यवाद! मुझे यह पता है, लेकिन मुझे नहीं लगता कि यह मेरे मामले में कैसे मदद करेगा?
मुझे अभी भी डोमनोड को एक स्ट्रिंग पर वापस लाने की आवश्यकता होगी जिसे मैं खतरनाक रूप से सेटइनर एचटीएमएल के साथ उपयोग कर सकता हूं या क्या मुझे कुछ नहीं मिल रहा है?

@linkurzweg मैं आपके उपयोग-मामले का पालन नहीं करता। क्या आप CodeSandbox , JSFiddle , या Repl.it का उपयोग करके एक उदाहरण प्रदान कर सकते हैं?

@remarkablemark यहां https://jsfiddle.net/9bezs1rt/।
तो, यह इस तरह है: मुझे इसमें सभी एचटीएमएल के साथ एक विशाल स्ट्रिंग मिलती है, जिसे किसी तरह से पार्स करने की आवश्यकता होती है (इसमें स्क्रिप्ट टैग, आईफ्रेम, सोशल मीडिया एम्बेड इत्यादि हो सकते हैं)। मुझे सभी डोम नोड्स के माध्यम से पुन: प्रयास करने और कई अलग-अलग मामलों को संभालने की आवश्यकता है।

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

@linkurzweg पहेली बनाने के लिए धन्यवाद। तो शैलियों को सही ढंग से प्रस्तुत नहीं करने का कारण यह है कि इनलाइन शैलियों को !important आवश्यकता नहीं है।

!important को हटाने के बाद, मैंने लाल बॉर्डर शो बनाया। अद्यतन पहेली देखें।

@remarkablemark बेशक, मुझे मूर्ख! एचटीएमएल स्ट्रिंग के अंदर !महत्वपूर्ण के साथ कुछ अन्य स्टाइल टैग हो सकते हैं (यह सब बहुत गन्दा है) जो इनलाइन शैलियों के साथ संघर्ष कर सकता है। लेकिन मैं !महत्वपूर्ण वहाँ भी हटा सकता हूँ, इसलिए यह ठीक होना चाहिए। :D इसे और आपकी मदद को देखने के लिए बहुत-बहुत धन्यवाद!