Redactor / Examples

In this example, the entire page only has Tailwind Typography styles. And Redactor inherits them for the content styles. See below for a example code of launching the editor.


<!DOCTYPE html>

    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />

    <!-- Tailwind CSS -->
    <link rel="stylesheet" href="/your-path-to/tailwind-typography.css">

    <!-- Redactor CSS -->
    <link rel="stylesheet" href="/your-dist-path/redactor.min.css" />

<!-- element -->
<textarea id="entry">

<!-- Redactor JS -->
<script src="/your-dist-path/redactor.min.js"></script>

<!-- Call  -->
let app = Redactor('#entry', {
    nostyle: true,
    context: true,
    classname: 'prose prose-slate mx-auto'