Add string filter for template rendering

development/Dockerfile

@@ -1,4 +1,4 @@
-FROM python:3.10-slim-buster
+FROM python:3.12-slim
 
 ENV PYTHONUNBUFFERED 1
 ENV PYTHONDONTWRITEBYTECODE 1

netbox_config_diff/templates/netbox_config_diff/configcompliance/data.html

@@ -1,5 +1,6 @@
 {% extends base_template %}
 {% load static %}
+{% load string_filters %}
 
 {% block content %}
   <div class="row mb-3">
@@ -73,7 +74,7 @@ <h2 class="card-header">Diff
           stickyFileHeaders: false,
           drawFileList: false,
       };
-      const jsonDiff = `{{ instance.diff|escapejs|safe }}`;
+      const jsonDiff = `{{ instance.diff|escapejs|safe|replace:'${,\${' }}`;
       var targetElement = document.getElementById('diffElement');
       var diff2htmlUi = new Diff2HtmlUI(targetElement, jsonDiff, configuration);
       diff2htmlUi.draw();

netbox_config_diff/templatetags/string_filters.py

@@ -0,0 +1,10 @@
+from django import template
+
+register = template.Library()
+
+
+@register.filter
+def replace(value: str, arg: str) -> str:
+    old, new = arg.split(",")
+
+    return value.replace(old, new)