Obfuscate text using JavaScript? : <p>I'm looking to obfuscate (to make obscure, unclear, or unintelligible) paragraph text. Essentially </p>

<ul>
<li>I need to be able to control where it starts and stops.</li>
<li>I don't want people previewing the source and getting the original text where it is hidden.</li>
<li>The obfuscated text needs to follow the original formatting - keeping the spacing, line breaks, capitalisation and punctuation etc.</li>
<li>Alphabetical characters need swapping with another random alphabetical character.</li>
</ul>

<p>I'm trying to hide text in an article. What would be the best way to do this using javascript?</p>

<p><strong>Example</strong></p>

<p>See the following example from the <a href="https://makebook.io/" rel="nofollow noreferrer">Make book</a></p>

<p><a href="https://i.stack.imgur.com/bz7fJ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/bz7fJ.png" alt="enter image description here"></a></p>

<p>Note: I came across the <a href="https://camwiegert.github.io/baffle/#demo" rel="nofollow noreferrer">baffle library</a> does something similar but doesn't quite do the job... </p>
