Click the 'Fullscreen' icon on the toolbar to switch to fullscreen mode.
<!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>
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'
});