Add special characters inside their generated spans so find and replace counts them (Fixes #154).

Author: WebCoder49

plugins/special-chars.css

@@ -37,6 +37,10 @@
     vertical-align: middle;
     outline: 0.1px solid currentColor;
 
+    /* Contain character for use by other plugins, but hide it */
+    color: transparent;
+    font-size: 0;
+
     --hex-0: var(
     --code-input_special-chars_0);
     --hex-1: var(
@@ -91,4 +95,4 @@
     height: 1.5em;
     bottom: -1em;
     content: attr(data-hex3);
-}
+}

plugins/special-chars.js

@@ -100,6 +100,7 @@ codeInput.plugins.SpecialChars = class extends codeInput.Plugin {
 
         // Create element with hex code
         let result = document.createElement("span");
+        result.textContent = matchChar;
         result.classList.add("code-input_special-char");
         result.style.setProperty("--hex-0",  "var(--code-input_special-chars_" + hexCode[0] + ")");
         result.style.setProperty("--hex-1",  "var(--code-input_special-chars_" + hexCode[1] + ")");
@@ -189,4 +190,4 @@ codeInput.plugins.SpecialChars = class extends codeInput.Plugin {
 
         return width;
     }
-}
+}