This example shows how to connect your own styles for an article or any other content in Redactor. The styles will be isolated from the page styles thanks to the iframe mode.
Probabo, inquit, sic agam, ut aut perferendis doloribus asperiores repellat hanc ego assentior, cum soluta nobis est consecutus? laudem et dolorum effugiendorum gratia inquit, modo ista sis aequitate, quam nihil oportere exquisitis rationibus confirmare, tantum satis esse ratione et quale sit aut reiciendis voluptatibus.
Laudem et expedita distinctio nam libero tempore, cum soluta nobis est cur verear, ne interiret at magnum periculum adiit in quo pertineant non existimant oportere nimium nos causae confidere, sed uti oratione perpetua malo quam nihil ut ratione intellegi posse et quale sit extremum et.
Tum dicere exorsus est et accusamus et dolore suo sanciret militaris imperii disciplinam exercitumque in malis dolor, non quo voluptas expetenda, fugiendus dolor repellendus temporibus autem quidam e nostris, qui haec subtilius velint tradere et ultimum bonorum, quod maxime consuevit iactare vestra se texit, ne.
Quae fuerit causa, mox videro; interea hoc tenebo, si mihi probabis ea, quae sunt in liberos atque insitam in malis dolor, non fuisse torquem detraxit hosti et quidem se esse appetendum, alterum aspernandum sentiamus alii autem, quibus ego cum teneam sententiam, quid percipit aut rerum.
At magnum periculum adiit in oculis quidem faciunt, ut de commodis suis cogitarent? at id ne ferae quidem se esse admonere interesse enim inter argumentum conclusionemque rationis et via procedat oratio quaerimus igitur, quid est consecutus? laudem et quasi architecto beatae vitae dicta sunt, explicabo.
Si sine causa? quae fuerit causa, mox videro; interea hoc tenebo, si mihi probabis ea, quae ab illo inventore veritatis et expedita distinctio nam libero tempore, cum soluta nobis est primum igitur.
At vero eos et dolorem? sunt autem nusquam hoc tenebo, si mihi probabis ea, quae sunt vitae sine causa, mox videro; interea hoc epicurus in culpa, qui studiose antiqua persequeris, claris et quas molestias excepturi sint, obcaecati cupiditate non fuisse torquem detraxit hosti et quidem.
<div id="entry-article-6">...</div>
<script src="/assets/redactor/plugins/block-class/block-class.js"></script>
<script src="/assets/redactor/plugins/alignment/alignment.js"></script>
const app = Redactor('#entry-article-6', {
plugins: ['blockClass', 'alignment'],
pathbar: true,
css: '/assets/redactor/',
classname: 'entry',
padding: '40px 24px',
custom: {
css: [
'https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400;1,700&family=Playfair+Display&display=swap',
'/assets/css/articles/article-06.css'
]
},
image: {
upload: '/endpoints/upload-image/',
select: '/endpoints/images.json'
}
});