This example shows how to make Redactor inherit page styles to display content. For a better demonstration, we surrounded the editor with a container with the specified styles it will inherit.
<style>
.nostyle-demo {
font-family: Georgia;
}
.nostyle-demo h1 {
font-size: 32px;
}
.nostyle-demo figure {
margin-bottom: 24px;
}
.nostyle-demo p {
margin: 16px 0;
}
</style>
<!-- element -->
<div class="nostyle-demo">
<textarea id="entry">...</textarea>
</div>
<!-- call -->
<script>
let app = Redactor('#entry', {
nostyle: true
});
</script>