@ckeditor/ckeditor5-find-and-replace

Find Text

This feature allows users to search for specific text within the editor. The code sample demonstrates how to initialize the CKEditor with the FindAndReplace plugin and execute a search for the term 'searchText'.

ClassicEditor.create(document.querySelector('#editor'), { extraPlugins: [ FindAndReplace ] }).then(editor => { editor.execute('find', 'searchText'); }).catch(error => { console.error(error); });

Replace Text

This feature allows users to replace specific text with new text. The code sample shows how to initialize the CKEditor with the FindAndReplace plugin and execute a replace operation, replacing 'oldText' with 'newText'.

ClassicEditor.create(document.querySelector('#editor'), { extraPlugins: [ FindAndReplace ] }).then(editor => { editor.execute('replace', { searchText: 'oldText', replaceText: 'newText' }); }).catch(error => { console.error(error); });

Find and Replace Dialog

This feature provides a user interface for finding and replacing text. The code sample demonstrates how to initialize the CKEditor with the FindAndReplace plugin and create the find and replace dialog.

ClassicEditor.create(document.querySelector('#editor'), { extraPlugins: [ FindAndReplace ] }).then(editor => { editor.ui.componentFactory.create('findAndReplace'); }).catch(error => { console.error(error); });