Maximize your CKEditor 5 editing space with the FullScreen plugin. Offering a seamless way to expand the editor to full screen, it ensures an uninterrupted and expansive writing canvas. This plugin is compatible with various browsers including Chrome, Firefox, Safari, Edge, and Internet Explorer, among others. It provides support for both the latest and older versions of these browsers. It's also optimized for devices like iPhones, iPads, Android devices, and desktop computers.
If you find this plugin useful, consider supporting the author to create and maintain more open-source projects. Every contribution, however big or small, is very valuable.
Before you begin, ensure you have the following dependencies installed:
Install them using npm:
npm install --save @ckeditor/ckeditor5-core @ckeditor/ckeditor5-ui
- Toggle the CKEditor instance to fullscreen mode for an immersive editing experience.
- Seamless integration with CKEditor 5.
- Customizable toolbar icon for easy access.
-
Using npm:
npm install @pikulinpw/ckeditor5-fullscreen
-
Manual Installation:
- Clone or download this repository.
- Add it to your CKEditor 5 build using the standard Webpack module imports.
- Add
'fullScreen'
to your editor's plugin list:
import FullScreen from '@pikulinpw/ckeditor5-fullscreen';
ClassicEditor
.create(document.querySelector('#editor'), {
plugins: [ ..., FullScreen, ...],
toolbar: [ ..., 'fullScreen', ...]
})
.then(editor => {
console.log(editor);
})
.catch(error => {
console.error(error.stack);
});
- Add
'fullScreen'
to your toolbar configuration to see the fullscreen button.
You can customize the appearance and behavior of the FullScreen plugin by tweaking the source code. All the necessary files (including styles and icons) are available in the source code.
This project is licensed under the MIT License. See the LICENSE file for details.
Feedback, bug reports, and pull requests are welcome. Feel free to open an issue or submit a pull request if you have something to contribute.