Fix Home page and preview panel still show the HTML tags for abstract (…

…#88)

geonode_mapstore_client/client/js/components/home/DetailsPanel.jsx

@@ -8,6 +8,7 @@
 
 import React, { useRef, useState, useEffect } from 'react';
 import { Button, Spinner, Tooltip, OverlayTrigger } from 'react-bootstrap-v1';
+import DOMPurify from 'dompurify';
 import FaIcon from '@js/components/home/FaIcon';
 import Message from '@mapstore/framework/components/I18N/Message';
 import moment from 'moment';
@@ -214,7 +215,11 @@ function DetailsPanel({
                             && <>{' '}/{' '}{ moment(resource.date).format('MMMM Do YYYY')}</>}
                     </p>
                     <p>
-                        <div className="gn-details-panel-description">{resource?.abstract}</div>
+                        <div className="gn-details-panel-description">{
+                            resource?.abstract ?
+                                <div dangerouslySetInnerHTML={{ __html: DOMPurify.sanitize(resource.abstract) }} />
+                                : null
+                        }</div>
                     </p>
                     <p>
                         {resource?.category?.identifier && <div>

geonode_mapstore_client/client/js/components/home/ResourceCard.jsx

@@ -62,7 +62,7 @@ const ResourceCard = forwardRef(({
                 <Card.Text
                     className="gn-card-description"
                 >
-                    {res.abstract ? res.abstract : '...'}
+                    {res.raw_abstract ? res.raw_abstract : '...'}
                 </Card.Text>
                 <Card.Text
                     lassName="gn-card-user"

geonode_mapstore_client/client/package.json

@@ -32,6 +32,7 @@
   "dependencies": {
     "@fortawesome/fontawesome-free": "5.15.1",
     "bootstrap-v4": "npm:[email protected]",
+    "dompurify": "2.2.6",
     "js-cookie": "2.2.1",
     "mapstore": "file:MapStore2",
     "react-bootstrap-v1": "npm:[email protected]"

geonode_mapstore_client/client/themes/geonode/scss/_details-panel.scss

@@ -71,4 +71,9 @@
     font-size: 0.9rem;
     text-align: justify;
     word-break: break-word;
+    // force styles of html coming from WYSIWYG
+    img {
+        width: 100% !important;
+        height: auto !important;
+    }
 }

geonode_mapstore_client/client/version.txt

@@ -1 +1 @@
-geonode-mapstore-client-v2.0.9-7575885e53bcde0fb44198390ba688e74df90274
+geonode-mapstore-client-v2.0.9-809b0ff2e1be0e83ccbc8312ae2d31b628fab8f5