{"id":3793,"date":"2017-08-21T15:08:37","date_gmt":"2017-08-21T15:08:37","guid":{"rendered":"https:\/\/answers.gurussolutions.com\/answers\/how-to-display-html-content-in-netsuite-saved-searches-for-web-stores-2\/"},"modified":"2026-07-28T18:26:07","modified_gmt":"2026-07-28T18:26:07","slug":"comment-afficher-du-contenu-html-dans-les-recherches-enregistrees-de-netsuite-pour-les-boutiques-en-ligne","status":"publish","type":"qa_entry","link":"https:\/\/answers.gurussolutions.com\/fr\/answers\/comment-afficher-du-contenu-html-dans-les-recherches-enregistrees-de-netsuite-pour-les-boutiques-en-ligne\/","title":{"rendered":"Comment afficher du contenu HTML dans les recherches enregistr\u00e9es de NetSuite pour les boutiques en ligne"},"content":{"rendered":"","protected":false},"template":"","meta":{"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","ga_subtitle":"Affichez correctement le code HTML dynamique dans les r\u00e9sultats des recherches enregistr\u00e9es de NetSuite, en r\u00e9solvant les probl\u00e8mes li\u00e9s aux caract\u00e8res \u00e9chapp\u00e9s et au rendu c\u00f4t\u00e9 client.","ga_short_answer":"Pour g\u00e9n\u00e9rer du code HTML dans les recherches enregistr\u00e9es de NetSuite, utilisez le type de champ \u00ab Formule (HTML) \u00bb pour un rendu direct. En cas de logique complexe ou de manipulation c\u00f4t\u00e9 client, stockez le code HTML dans un champ de texte libre et utilisez JavaScript avec une m\u00e9thode de d\u00e9s\u00e9chappement s\u00e9curis\u00e9e telle que DOMParser afin d\u2019afficher correctement le contenu.","ga_scenario":"Lors de l\u2019affichage de contenu HTML g\u00e9n\u00e9r\u00e9 dans le cadre des recherches enregistr\u00e9es de NetSuite, notamment pour une utilisation dans des boutiques en ligne, les utilisateurs rencontrent souvent des probl\u00e8mes li\u00e9s \u00e0 un rendu incorrect du code HTML. Le comportement par d\u00e9faut de NetSuite, qui consiste \u00e0 \u00e9chapper les caract\u00e8res HTML, peut entra\u00eener l\u2019affichage des balises HTML brutes sous forme de texte brut plut\u00f4t que de contenu format\u00e9, ce qui n\u00e9cessite des solutions sp\u00e9cifiques pour garantir un rendu correct.","ga_solution":"La m\u00e9thode la plus simple pour afficher du code HTML directement dans les recherches enregistr\u00e9es de NetSuite consiste \u00e0 utiliser le type de champ \u00ab Formule (HTML) \u00bb. Ce type de champ d\u00e9di\u00e9 est con\u00e7u pour interpr\u00e9ter et afficher du contenu HTML sans n\u00e9cessiter de d\u00e9s\u00e9chappement c\u00f4t\u00e9 client, ce qui en fait l\u2019approche recommand\u00e9e pour l\u2019affichage direct de code HTML. Si la logique de g\u00e9n\u00e9ration du code HTML est suffisamment concise pour tenir dans une formule de recherche enregistr\u00e9e, il s\u2019agit de la solution la plus simple. Dans les cas o\u00f9 la logique de g\u00e9n\u00e9ration du code HTML est trop complexe pour une formule de recherche enregistr\u00e9e, ou lorsqu\u2019une manipulation dynamique c\u00f4t\u00e9 client est n\u00e9cessaire, une approche par script peut \u00eatre utilis\u00e9e. Cela implique de stocker le code HTML g\u00e9n\u00e9r\u00e9 dans un champ de texte libre standard de NetSuite. Par la suite, du code JavaScript c\u00f4t\u00e9 client, utilisant souvent des biblioth\u00e8ques telles que jQuery, peut r\u00e9cup\u00e9rer ce code HTML non affich\u00e9 et le traiter pour un affichage correct. L\u2019un des d\u00e9fis courants li\u00e9s \u00e0 cette m\u00e9thode de script r\u00e9side dans le fait que NetSuite g\u00e9n\u00e8re du code HTML avec des caract\u00e8res \u00e9chapp\u00e9s (par exemple, &lt; pour <). Les scripts c\u00f4t\u00e9 client doivent d\u00e9s\u00e9chapper ces cha\u00eenes avant l\u2019affichage. Bien que la m\u00e9thode unescape() en JavaScript soit obsol\u00e8te et ne g\u00e8re pas correctement les entit\u00e9s HTML, une fonction personnalis\u00e9e peut \u00eatre utilis\u00e9e. La fonction htmlDecode suivante permet de supprimer l\u2019\u00e9chappement des entit\u00e9s HTML ; toutefois, pour une s\u00e9curit\u00e9 renforc\u00e9e contre les vuln\u00e9rabilit\u00e9s de type Cross-Site Scripting (XSS), le JavaScript moderne propose des approches plus robustes, telles que l\u2019utilisation de DOMParser.\n\n```\njavascriptfunction htmlDecode(input){  var e = document.createElement('div');  e.innerHTML = input;  return e.childNodes.length == 0 ? \"\" : e.childNodes[0].nodeValue;}\n```\n\nVous trouverez ci-dessous un exemple de code jQuery permettant de localiser et de traiter ces liens dans le r\u00e9sultat d\u2019une recherche enregistr\u00e9e :\n\n```\njavascript\/\/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));});\n```","ga_source_author":"","ga_source_author_email":"","ga_date_original":"2017-08-21T17:08:37+02:00","ga_date_verified":"2026-07-05","ga_source_subject":"outputting HTML in saved searches used in the web store","ga_ans_id":"ANS-0134","ga_publish_decision":"publish_with_edits","ga_staleness_risk":"high","ga_review_priority":"spot_check","ga_tier2_verdict":"partially_outdated","ga_tier2_concerns":"NetSuite has introduced a dedicated 'Formula (HTML)' field type for saved searches, which is the recommended way to output HTML directly. Previously, users might have relied on 'Formula (Text)' fields, which now explicitly display HTML as plain text.; While the provided JavaScript `htmlDecode` function is a common pattern for unescaping HTML entities, modern JavaScript offers a more secure approach using `DOMParser` to prevent Cross-Site Scripting (XSS) vulnerabilities.; The JavaScript `unescape()` method is officially deprecated and should be avoided. The original answer correctly states it 'will not work' for HTML entities, but its deprecation is a stronger reason not to use it.","ga_final_category":"Saved Searches & Formulas","footnotes":""},"ga_category":[91,3,91],"ga_audience":[10],"ga_difficulty":[94],"class_list":["post-3793","qa_entry","type-qa_entry","status-publish","hentry","ga_category-recherches-enregistrees-et-formules","ga_category-saved-searches-formulas","ga_audience-developer-suitescript","ga_difficulty-avance"],"taxonomy_info":{"ga_category":[{"value":91,"label":"Recherches enregistr\u00e9es et formules"},{"value":3,"label":"Saved Searches & Formulas"},{"value":91,"label":"Recherches enregistr\u00e9es et formules"}],"ga_audience":[{"value":10,"label":"Developer\/SuiteScript"}],"ga_difficulty":[{"value":94,"label":"Avanc\u00e9"}]},"featured_image_src_large":[],"author_info":[],"comment_info":"","_links":{"self":[{"href":"https:\/\/answers.gurussolutions.com\/fr\/wp-json\/wp\/v2\/qa_entry\/3793","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/answers.gurussolutions.com\/fr\/wp-json\/wp\/v2\/qa_entry"}],"about":[{"href":"https:\/\/answers.gurussolutions.com\/fr\/wp-json\/wp\/v2\/types\/qa_entry"}],"version-history":[{"count":1,"href":"https:\/\/answers.gurussolutions.com\/fr\/wp-json\/wp\/v2\/qa_entry\/3793\/revisions"}],"predecessor-version":[{"id":5714,"href":"https:\/\/answers.gurussolutions.com\/fr\/wp-json\/wp\/v2\/qa_entry\/3793\/revisions\/5714"}],"wp:attachment":[{"href":"https:\/\/answers.gurussolutions.com\/fr\/wp-json\/wp\/v2\/media?parent=3793"}],"wp:term":[{"taxonomy":"ga_category","embeddable":true,"href":"https:\/\/answers.gurussolutions.com\/fr\/wp-json\/wp\/v2\/ga_category?post=3793"},{"taxonomy":"ga_audience","embeddable":true,"href":"https:\/\/answers.gurussolutions.com\/fr\/wp-json\/wp\/v2\/ga_audience?post=3793"},{"taxonomy":"ga_difficulty","embeddable":true,"href":"https:\/\/answers.gurussolutions.com\/fr\/wp-json\/wp\/v2\/ga_difficulty?post=3793"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}