alert view: fix rule highlighting when html is in rule.

Reported by Victor Julien.
jasonish · Nov 29, 2024 · e7e741a · e7e741a
1 parent 057edc3
commit e7e741a
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/webapp/src/EventView.tsx b/webapp/src/EventView.tsx
@@ -1226,6 +1226,9 @@ function HighlightedRule(props: { rule: string }) {
   createEffect(() => {
     let html = props.rule;
 
+    html = html.replace("<", "%___lt___%");
+    html = html.replace(">", "%___gt___%");
+
     html = html.replace(
       /^([^\s]+)\s+([^\s]+)\s+([^\s]+)\s+([^\s]+)\s+([^\s]+)\s+([^\s]+)\s+([^\s]+)\s+/,
       `<span class="rule-header-action">$1</span>
@@ -1252,8 +1255,8 @@ function HighlightedRule(props: { rule: string }) {
     // Replace referece URLs with the URL.
     html = html.replace(/url,(.*?)([;<])/g, `url,<a href="http://$1">$1</a>$2`);
 
-    html = html.replace("&___lt___", "&lt;");
-    html = html.replace("&___gt___", "&gt;");
+    html = html.replace("%___lt___%", "&lt;");
+    html = html.replace("%___gt___%", "&gt;");
 
     setRule(html);
   });