Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@ckeditor/ckeditor5-autosave

Package Overview
Dependencies
Maintainers
1
Versions
684
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@ckeditor/ckeditor5-autosave

Autosave feature for CKEditor 5.

  • 41.4.0-alpha.0
  • Source
  • npm
  • Socket score

Version published
Weekly downloads
249K
increased by6.56%
Maintainers
1
Weekly downloads
 
Created

What is @ckeditor/ckeditor5-autosave?

@ckeditor/ckeditor5-autosave is a plugin for CKEditor 5 that provides automatic saving functionality. It allows the editor to periodically save the content to a server or local storage, ensuring that no data is lost in case of unexpected events like browser crashes or network issues.

What are @ckeditor/ckeditor5-autosave's main functionalities?

Automatic Save

This feature allows the editor to automatically save the content at regular intervals. The provided code sample demonstrates how to configure the CKEditor 5 with the Autosave plugin and define a custom save function that sends the editor's data to a server endpoint.

const ClassicEditor = require('@ckeditor/ckeditor5-build-classic');
const Autosave = require('@ckeditor/ckeditor5-autosave/src/autosave');

ClassicEditor.create(document.querySelector('#editor'), {
    plugins: [ Autosave ],
    autosave: {
        save( editor ) {
            return saveData( editor.getData() );
        }
    }
})
.catch( error => {
    console.error( error );
});

function saveData( data ) {
    // Simulate a save request to the server
    return fetch( '/save', {
        method: 'POST',
        body: JSON.stringify( { content: data } ),
        headers: {
            'Content-Type': 'application/json'
        }
    });
}

Save on Blur

This feature allows the editor to save the content after a specified period of inactivity. The code sample shows how to configure the Autosave plugin to save the content after 5 seconds of inactivity.

const ClassicEditor = require('@ckeditor/ckeditor5-build-classic');
const Autosave = require('@ckeditor/ckeditor5-autosave/src/autosave');

ClassicEditor.create(document.querySelector('#editor'), {
    plugins: [ Autosave ],
    autosave: {
        waitingTime: 5000, // Save after 5 seconds of inactivity
        save( editor ) {
            return saveData( editor.getData() );
        }
    }
})
.catch( error => {
    console.error( error );
});

function saveData( data ) {
    // Simulate a save request to the server
    return fetch( '/save', {
        method: 'POST',
        body: JSON.stringify( { content: data } ),
        headers: {
            'Content-Type': 'application/json'
        }
    });
}

Other packages similar to @ckeditor/ckeditor5-autosave

Keywords

FAQs

Package last updated on 18 Apr 2024

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc