Currently, I am implementing a WYSIWYG editor named "Jodit" on my website. This editor allows me to insert HTML code and add custom styling using the "!important" declaration, which can alter the CSS of the entire website.
For example, you can visit
Click on the "Change Mode" icon "
Then paste the following code:
<html>
<style>
* {
color: red !important;
}
</style>
</html>
After adding this code, all text on the website turns red.
I would like to know how I can prevent a WYSIWYG editor from affecting code outside of its designated textarea?