Comment afficher du contenu HTML dans les recherches enregistrées de NetSuite pour les boutiques en ligne

La méthode la plus simple pour afficher du code HTML directement dans les recherches enregistrées de NetSuite consiste à utiliser le type de champ « Formule (HTML) ». Ce type de champ dédié est conçu pour interpréter et afficher du contenu HTML sans nécessiter de déséchappement côté client, ce qui en fait l’approche recommandée pour l’affichage direct de code HTML. Si la logique de génération du code HTML est suffisamment concise pour tenir dans une formule de recherche enregistrée, il s’agit de la solution la plus simple. Dans les cas où la logique de génération du code HTML est trop complexe pour une formule de recherche enregistrée, ou lorsqu’une manipulation dynamique côté client est nécessaire, une approche par script peut être utilisée. Cela implique de stocker le code HTML généré dans un champ de texte libre standard de NetSuite. Par la suite, du code JavaScript côté client, utilisant souvent des bibliothèques telles que jQuery, peut récupérer ce code HTML non affiché et le traiter pour un affichage correct. L’un des défis courants liés à cette méthode de script réside dans le fait que NetSuite génère du code HTML avec des caractères échappés (par exemple, < pour <). Les scripts côté client doivent déséchapper ces chaînes avant l’affichage. Bien que la méthode unescape() en JavaScript soit obsolète et ne gère pas correctement les entités HTML, une fonction personnalisée peut être utilisée. La fonction htmlDecode suivante permet de supprimer l’échappement des entités HTML ; toutefois, pour une sécurité renforcée contre les vulnérabilités de type Cross-Site Scripting (XSS), le JavaScript moderne propose des approches plus robustes, telles que l’utilisation de DOMParser.

javascriptfunction htmlDecode(input){  var e = document.createElement('div');  e.innerHTML = input;  return e.childNodes.length == 0 ? "" : e.childNodes[0].nodeValue;}

Vous trouverez ci-dessous un exemple de code jQuery permettant de localiser et de traiter ces liens dans le résultat d’une recherche enregistrée :

javascript//replace link string in saved search by actual link$j('td.listtexthl:contains("<a href")').each(function(index,element){     var linkObject = $j(this).html().replace(/</gi,"<").replace(/>/gi,">");     $j(this).html(htmlDecode(linkObject));});