How to change the default search highlight color in Document Editor component

26 May 20221 minute to read

Document editor provides an options to change the default search highlight color using [searchHighlightColor] in Document editor settings. The highlight color which is given in documentEditorSettings will be highlighted on the searched text. By default, search highlight color is yellow.

Similarly, you can use [documentEditorSettings] property for DocumentEditor also.

The following example code illustrates how to change the default search highlight color.

<ejs-documenteditorcontainer id="container" documentEditorSettings="settings" enableToolbar=true  height="590px"></ejs-documenteditorcontainer>

<script>
    var settings = { searchHighlightColor: 'Grey' };
</script>

Output will be like below:

How to change the default search highlight color