React Native Developer

Saturday, May 21, 2022

decode html entities in react native

import * as React from 'react';
import { TextViewStyleSheet } from 'react-native';
import Constants from 'expo-constants';
import RenderHtml, {
  defaultHTMLElementModels,
  HTMLContentModel,
from 'react-native-render-html';
import {decode} from 'html-entities';

export default function App() {
  const decodeContent = decode(content);

 
  console.log('source', description);

  const tagsStyles: any = {
    img: {
      alignSelf: 'center',
      maxHeight: 700,
      maxWidth: 500,
      resizeMode: 'contain',
    },
    iframe: {
      opacity: 0.99,
    },
    table: {
      opacity: 0.99,
    },
    body: {
      backgroundColor: 'white',
      paddingHorizontal: 15,
      marginBottom: 30,
    },
  };

  const customHTMLElementModels = {
    img: defaultHTMLElementModels.img.extend({
      contentModel: HTMLContentModel.mixed,
    }),
    iframe: iframeModel,
  };

  const defaultTextProps = {
    selectable: true,
  };

  const renderers = {
    iframe: IframeRenderer,
  };

  const webViewProps = {
    originWhitelist: '*',
  };

  const renderersProps = {
    iframe: {
      webViewProps: { allowsFullscreenVideo: true },
      scalesPageToFit: true,
    },
  };

return (
    <View style={styles.container}>
     <RenderHtml
      renderers={renderers}
      WebView={WebView}
      source={source}
      tagsStyles={tagsStyles}
      defaultTextProps={defaultTextProps}
      enableExperimentalMarginCollapsing={true}
      customHTMLElementModels={customHTMLElementModels}
      contentWidth={theme.deviceWidth - theme.moderateScale(30)}
      renderersProps={renderersProps}
      defaultWebViewProps={webViewProps}
    />
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    paddingTop: Constants.statusBarHeight,
    backgroundColor: '#ecf0f1',
    padding: 8,
  },
});

const content = "&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;strong&gt;New 
Rate Applicable from Today in Ranthambore National Park:&lt;/strong&gt; 
राजस्थान के रणथंभौर नेशनल पार्क में अब घूमना और भी महंगा हो गया है. नई दरें आज 26 अप्रैल से लागू हो गयी है.
 वन विभाग ने एक बार फिर पार्क विजिट और टाइगर रिजर्व डवलपमेंट फंड में 10 फीसद की बढ़ोतरी कर दी है.
 पर्यटन शुल्क में भी 10 प्रतिशत की बढ़ोतरी की गयी है. &amp;nbsp;बढ़ोतरी के साथ जिप्सी में भ्रमण पर जाने 
वाले सैलानी को 21 रुपए अतिरिक्त देना पड़ेगा.&lt;/p&gt;\r\n&lt;p style=&quot;text-align: 
justify;&quot;&gt;वर्तमान में जिप्सी से भ्रमण करने पर 1 हजार 213 रुपए की फीस लगती थी. 
अब नई दरों के अनुसार पर्यटक को 1 हजार 234 रुपए शुल्क अदा करना होगा. अभी तक कैंटर से भ्रमण 
पर जाने वाले पर्यटक को 731 रुपए चुकाने होते थे. लेकिन अब कैंटर से भ्रमण करना 8 रुपए महंगा हो गया है.
 बढ़ोतरी के बाद नई दर 739 रुपए हो गई है.&amp;nbsp;&lt;/p&gt;\r\n&lt;p style=&quot;text-align: 
justify;&quot;&gt;&lt;strong&gt;एक माह के भीतर दो बार दरों में इजाफा&amp;nbsp;&lt;/strong&gt;&lt;
/p&gt;\r\n&lt;p style=&quot;text-align: justify;&quot;&gt;रणथंभौर के डीएफओ संदीप कुमार का कहना
 है पूर्व में आयोजित वन विभाग की बैठक में हुए निर्णय और सीसीएफ के आदेश पर टाइगर रिजर्व डवलपमेंट फंड को 10 फीसद
 बढ़ाया गया है. &amp;nbsp;ऐसा नहीं है की पहली बार दरें बढ़ाई गयी हैं. वन विभाग ने एक माह में दो बार शुल्क बढ़ाकर 
सैलानियों को झटका दिया है. इससे पहले विभाग की ओर से 1 अप्रैल को शुल्क में 10 प्रतिशत की वृद्धि की गई थी. डीएफओ
 संदीप कुमार ने कहा कि बढ़ी हुई दरें नेशनल पार्क के विकास में ही लगाई जा रही हैं. हम चाहते हैं कि पार्क में आने वाले पर्यटकों 
को अच्छी सुविधा मिले.&amp;nbsp;&lt;/p&gt;\r\n&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;
strong&gt;&lt;a title=&quot;Rajasthan Government Job: राजस्थान शिक्षा विभाग में निकली बंपर भर्तियां, भरे जाएंगे
 77 हजार से अधिक पद,
 जानिए डिटेल्स&quot; href=&quot;https://www.abplive.com/states/rajasthan/rajasthan-77-thousand
-unemployed-youth-to-get-jobs-soon-in-education-department-by-gehlot-government-know-details
-ann-2110653&quot; target=&quot;&quot;&gt;Rajasthan Government Job: राजस्थान शिक्षा विभाग में निकली
 बंपर भर्तियां, भरे जाएंगे 77 हजार से अधिक पद, जानिए डिटेल्स&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;\r\n&lt;p&gt
;&lt;strong&gt;सबसे महंगा रणथंभौर पार्क का विजिट&amp;nbsp;&lt;/strong&gt;&lt;/p&gt;\r\n&lt;p&gt;बाघों 
की नगरी के नाम से मशहूर रणथंभौर विश्व भर में प्रसिद्ध है. हर वर्ष देश विदेश से लाखों की संख्या में पर्यटक रणथंभौर आते हैं. लेकिन
 रणथंभौर में बाघों के दीदार करने के लिए अन्य टाइगर रिजर्व से कहीं अधिक शुल्क देना पड़ता है. राजस्थान के अन्य दो टाइगर रिजर्व 
की तुलना में भी रणथंभौर का शुल्क काफी अधिक है. बीते कुछ वर्षों से रणथंभौर &amp;nbsp;में पार्क भ्रमण का शुल्क इतना अधिक
 नहीं था. लेकिन 4 साल पहले वन विभाग ने हर साल शुल्क में दस प्रतिशत की वृद्धि का निर्देश जारी कर दिया. तब से रणथंभौर का
 शुल्क लगातार बढ़ता जा रहा है. देश के ताडोबा महाराष्ट्र, जिम कॉर्बेट उत्तराखंड, मध्य प्रदेश, वीटीआर महाराष्ट्र पार्क की दरें भी कम हैं.
 उनके मुकाबले रणथंभौर की दर ज्यादा है. दरें अधिक होने के बावजूद रणथंभौर नेशनल पार्क पर्यटकों की पहली पसंद बना हुआ है.&amp;
nbsp;&lt;/p&gt;\r\n&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;strong&gt;&lt;a title=&quot;Rajasthan News: आधी रात को लगी बैंक में आग, दो घंटे बाद पाया गया काबू, लाखों का कैश जलकर हुआ राख&quot; href=&quot;https://www.abplive.com/states/rajasthan/rajasthan-news-fire-in-the-bank-in-baran-cash-worth-lakhs-was-burnt-to-ashes-ann-2110643&quot; target=&quot;&quot;&gt;Rajasthan News: आधी रात को लगी बैंक में आग, दो घंटे बाद पाया गया काबू, लाखों का कैश जलकर हुआ राख&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;"

No comments:

Post a Comment