docs: fix broken error message in playground

yeonjuan · yeonjuan · commit 4d889b37ec77 · 2025-04-06T01:47:02.000+09:00
diff --git a/packages/website/src/scripts/playground/helpers.js b/packages/website/src/scripts/playground/helpers.js
@@ -33,6 +33,17 @@ export function toMarker(message) {
   ];
 }
 
+/**
+ * @param {string} str 
+ * @returns {string}
+ */
+export function escapeHTML(str) {
+  return str
+    .replace(/&/g, "&amp;")
+    .replace(/</g, "&lt;")
+    .replace(/>/g, "&gt;");
+}
+
 export const INITIAL_HTML = html`<!DOCTYPE html>
   <html>
     <head>
diff --git a/packages/website/src/scripts/playground/view.js b/packages/website/src/scripts/playground/view.js
@@ -3,7 +3,8 @@ import "codemirror/mode/htmlmixed/htmlmixed.js";
 import "codemirror/mode/javascript/javascript.js";
 import CodeMirror from "codemirror";
 import {
-  toMarker
+  toMarker,
+  escapeHTML
 } from "./helpers";
 import {
   html
@@ -115,7 +116,7 @@ export class View {
     }
 
     return html`<li class="bg-red-100 text-red-800 px-2 py-1 my-1 rounded">
-        ${line}:${column} - ${message}(
+        ${line}:${column} - ${escapeHTML(message)}(
         <a href="/docs/rules/${ruleId.replace(
           "@html-eslint/",
           ""
