MC-38363: Improve name displaying in "Recently Viewed Products" side bar

Author: StasKozar

app/code/Magento/Catalog/view/base/web/js/product/name.js

@@ -5,18 +5,33 @@
 
 define([
     'Magento_Ui/js/grid/columns/column',
-    'Magento_Catalog/js/product/list/column-status-validator'
-], function (Column, columnStatusValidator) {
+    'Magento_Catalog/js/product/list/column-status-validator',
+    'escaper'
+], function (Column, columnStatusValidator, escaper) {
     'use strict';
 
     return Column.extend({
+        defaults: {
+            allowedTags: ['div', 'span', 'b', 'strong', 'i', 'em', 'u', 'a']
+        },
+
         /**
          * Depends on this option, product name can be shown or hide. Depends on  backend configuration
          *
          * @returns {Boolean}
          */
         isAllowed: function () {
             return columnStatusValidator.isValid(this.source(), 'name', 'show_attributes');
+        },
+
+        /**
+         * Name column.
+         *
+         * @param {String} label
+         * @returns {String}
+         */
+        getNameUnsanitizedHtml: function (label) {
+            return escaper.escapeHtml(label, this.allowedTags);
         }
     });
 });

app/code/Magento/Catalog/view/base/web/template/product/name.html

@@ -6,5 +6,5 @@
 -->
 <strong if="isAllowed()"
         class="product-item-name">
-    <a attr="href: $row().url" html="$col.getLabel($row())"/>
+    <a attr="href: $row().url" html="getNameUnsanitizedHtml($col.getLabel($row()))"/>
 </strong>