मैं उपयोग करने की अनुशंसा एक दूसरे से लिपटना द्वारा बनाई milesj । यह एक अभूतपूर्व पुस्तकालय है जो एक नंबर का उपयोग करता है, यदि एचटीएमएल को डोम में पार्स करने और सुरक्षित रूप से सम्मिलित करने की सरल तकनीक है।
Interweave HTML, फ़िल्टर विशेषताओं, मिलानकर्ताओं के साथ ऑट्रैप टेक्स्ट, इमोजी वर्णों को सुरक्षित रूप से प्रस्तुत करने और बहुत कुछ करने के लिए एक प्रतिक्रिया पुस्तकालय है।
- Interweave एक मजबूत प्रतिक्रिया पुस्तकालय है जो कर सकता है:
- खतरनाक तरीके से HTML का उपयोग किए बिना HTML को सुरक्षित रूप से रेंडर करें।
- सुरक्षित रूप से पट्टी HTML टैग्स।
- स्वचालित XSS और इंजेक्शन सुरक्षा।
- फ़िल्टर का उपयोग करके HTML विशेषताएँ साफ़ करें।
- मैचर्स का उपयोग कर घटकों को इंटरपोल करें।
- ऑटोलिंक यूआरएल, आईपी, ईमेल और हैशटैग।
- रेंडर इमोजी और इमोटिकॉन अक्षर।
- और भी बहुत कुछ!
उपयोग उदाहरण:
import React from 'react';
import { Markup } from 'interweave';
const articleContent = "<p><b>Lorem ipsum dolor laboriosam.</b> </p><p>Facere debitis impedit doloremque eveniet eligendi reiciendis <u>ratione obcaecati repellendus</u> culpa? Blanditiis enim cum tenetur non rem, atque, earum quis, reprehenderit accusantium iure quas beatae.</p><p>Lorem ipsum dolor sit amet <a href='#testLink'>this is a link, click me</a> Sunt ducimus corrupti? Eveniet velit numquam deleniti, delectus <ol><li>reiciendis ratione obcaecati</li><li>repellendus culpa? Blanditiis enim</li><li>cum tenetur non rem, atque, earum quis,</li></ol>reprehenderit accusantium iure quas beatae.</p>"
<Markup content={articleContent} /> // this will take the articleContent string and convert it to HTML markup. See: https://milesj.gitbook.io/interweave
//to install package using npm, execute the command
npm install interweave