- Getting Started
- Browser Support
- Languages Support
- Shortcuts
- Activation
- Examples
- Customize the Editor
- Use-cases
- Plugins
- APIs
- Development Frameworks
- Server Integrations
- Server SDKs
- Migration Guides
- Changelog
- Tutorials
Track changes plugin
This feature enables Froala Editor to keep track of all the changes users make to their text, images, tables, styles, formatting, and more followed by accepting and rejecting the changes accordingly through easy access to ‘Accept or Reject’ a ‘Single or All’ changes via accessible buttons in the toolbar. Additionally track addition and deletion of text, images, tables. Additionally styling and formatting changes to text, images, tables.
Track changes feature includes the following functionalities:
- Enable / disable track changes – Users can enable and disable the track changes feature on Froala editor.
- Show / hide tracked changes – Users can show or hide the changes made on the Froala editor.
- Accept / Reject Single change – Users can track and ACCEPT or REJECT the single / last change that are made on the editor
- Accept / Reject ALL changes – Users can track and ACCEPT or REJECT ALL changes that are made on the editor
With Track Changes enabled, any text or image additions are shown with a yellow highlight and changes that are intended to be deleted are highlighted in red with a strikethrough.
Plugin options:
trackChangesEnabled Boolean- Default: false | If set to true, track changes will be active by default. |
showChangesEnabled Boolean- Default: false | If set to true, show changes will be active by default. |
Plugin methods:
track_changes.toggleTracking () returns: - | Enable/Disable track changes |
track_changes.showChanges () returns: - | show/hide tracked changes |
track_changes.getPendingChanges () returns: Array | Return all tracked changes. |
track_changes.acceptAllChanges() returns: - | Accept all changes that are made on the editor |
track_changes.acceptSingleChange() returns: - | Accept the last change that are made on the editor |
track_changes.rejectSingleChange() returns: - | Reject the last change that are made on the editor |
Plugin commands:
commands.moreTrackChanges () returns: Object | Show more track changes actions toolbar. |
Add Plugin to your code:
Plugin name: track_changes
Plugin JS Script: ../js/plugins/track_changes.min.js
Or from CDN https://cdn.jsdelivr.net/npm/froala-editor@latest/js/plugins/track_changes.min.js