title: Prevent wysiwyg source code editor from changing all website
body: <p>Im using a WYSIWYG editor (called "Jodit") in my website. it has the functionality to be able to add html code. If I add some html style code along with "!important" I can modify the CSS of my entire website. </p>
  
  <p>Example, go to <a href="https://xdsoft.net/jodit/play.html?currentTab=State" rel="nofollow noreferrer">https://xdsoft.net/jodit/play.html?currentTab=State</a></p>
  
  <p>Click the "Change Mode" icon ""</p>
  
  <p>Paste in</p>
  
  <pre><code>&lt;html&gt;
  &lt;style&gt;
      * {
          color:red !important;
      }
  &lt;/style&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>The whole websites text goes red.</p>
  
  <p>How can I stop a wysiwyg editor from modifying code outside of its textarea?</p>