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> <html> <head> <title>Redactor</title> <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" /> </head> <body> <!-- element --> <textarea id="entry"> ... </textarea> <!-- Redactor JS --> <script src="/your-dist-path/redactor.min.js"></script> <!-- Call --> <script> let app = Redactor('#entry', { nostyle: true, context: true, classname: 'prose prose-slate mx-auto' }); </script> </body> </html>