Find and Replace Plugin Implementation.

[Abhishekcs003]

Implemented the Find and Replace feature as a custom plugin for the Froala wysiwyg-editor, addressing a functionality gap within the editor. This feature enables users to search for specific text within the editor's content and replace it efficiently, enhancing the overall editing experience.

The feature can be tested and reviewed via the provided fiddle link: Find and Replace Demo

I believe this addition could be a valuable enhancement to Froala's core capabilities and recommend considering its inclusion in upcoming versions to meet the needs of users who rely on advanced text manipulation within the editor. This could be integrated seamlessly with the editor's existing framework with slight modifications.

Features of the Plugin:
1. Search Functionality: Users can search for specific text or words within the editor and view the total number of occurrences.
The search even works for styled texts also like bold and italic or both combined.
2.Replace Options: Provides the ability to replace a specific occurrence or all occurrences of the searched word with the replacement text.
3.Highlights Matches: Highlights each instance of the searched text, accompanied by a count of total matches for easy identification.
4.Advanced Search Options: Offers advanced search features, including the ability to match case or restrict the search to whole words only.
5. Draggable Popup: The search popup is fully draggable, allowing users to reposition it anywhere within the DOM for better usability.
6.Configurable Keyboard Shortcuts: Allows users to perform search and replace actions quickly using customizable keyboard shortcuts. Ctrl + F will open the popup and Esc key closes the popup.
7.Revert Changes:: User Can also revert the changes by doing undo or Ctrl + Z.
8.User-Friendly Interface: Intuitive design of the popup ensures that both novice and advanced users can efficiently use the search and replace features.

Known issue:
1.Undo Functionality: The undo operation currently reverses all changes made in a single session as a single action, instead of undoing each change step by step.