Abbiamo un editor di testo ricco in cui possiamo inserire html. se qualche input contiene il tag <style> , il css viene applicato all'intera finestra.
è possibile limitare l'applicazione di CSS all'interno di <div> non dell'intera finestra?
Sì, è possibile. HTML 5 supporta l' attributo con scope sui tag di stile, che limita gli stili definiti all'interno di essere applicato solo ai discendenti del suo genitore. Un esempio sotto (spudoratamente tirato e modificato dall'articolo MDN ).
Puoi verificare l'input dell'utente per i tag di stile e aggiungere l'attributo scoped , se non già presente, prima che il contenuto sia archiviato o prima di renderlo alla pagina.
<article>
<div>
The scoped attribute allows for you to include style elements mid-document.
Inside rules only apply to the parent element.
</div>
<p>This text should be black. If it is red your browser does not support the scoped attribute.</p>
<section>
<style scoped>
p { color: red; }
</style>
<p>This should be red.</p>
<div>
<p>This should also be red</p>
</div>
</section>
</article>
Leggi altre domande sui tag html css text-editor