Since JS and DOM by default parse special characters such as \n, you can define special characters that you want to prevent from behaving in their default way and replace them with original plus backslash before it:

Take a look at this runnable snippet:

let textWithSpecialChars = `"id"\t"name\n key\f \r \b"`;

const specialChars = ['\\b', '\\r', '\\f', '\\n', '\\t'];

let modifiedTextWithSpecialChars = JSON.stringify(textWithSpecialChars);

specialChars.forEach((char) => {
  modifiedTextWithSpecialChars = modifiedTextWithSpecialChars.replace(char, '\\' + char);
});

console.log(modifiedTextWithSpecialChars); 
// "\"id\"\\t\"name\\n key\\f \\r \\b\""

console.log(JSON.parse(modifiedTextWithSpecialChars));
// "id"\t"name\n key\f \r \b"

console.log(textWithSpecialChars);
// "id" "name
// key 
// "


document.body.innerHTML = JSON.parse(modifiedTextWithSpecialChars)

Analysis

1. You collect all special characters in that array and escape them.
2. Stringify your string, in this way you can use that string in JS without JS parsing special characters
3. Take this string and loop through all special characters that you added above
4. For every special character take the original string and replace special character such as \n with \\n. Return that value to modifying string and continue until all special characters are replaced. Stringified result of this will be '\"id\"\\t\"name\\n key\\f \\r \\b\"'
5. Parse your string back and JS will not parse special characters as special characters, rathe they will be plain strings.