Fullscreen

Click the 'Fullscreen' icon on the toolbar to switch to fullscreen mode.

Code

<!DOCTYPE html>
<html>
    <head>
        <title>Redactor</title>
        <meta charset="utf-8">

        <!-- css -->
        <link rel="stylesheet" href="/your-folder/redactor.css" />
    </head>
    <body>
        <!-- element -->
        <textarea id="entry">...</textarea>

        <!-- js -->
        <script src="/your-folder/redactor.js"></script>
        <script src="/your-folder/plugins/fullscreen/fullscreen.js"></script>

        <!-- call -->
        <script>
        Redactor('#entry', {
            plugins: ['fullscreen']
        });
        </script>
    </body>
</html>

Usage

Usually, content that takes up the entire width of the screen looks unreadable. You can limit the width of the editor content using the width setting:


Redactor('#entry', {
    plugins: ['fullscreen'],
    width: '800px'
});