Search and change text background color

Searches for target text and changes its background color.

Plugin type: visual, non-system.

Supported editors: documents.

Download this plugin from GitHub and install it following the desktop, on-premises, or cloud installation instructions.

1. Open the Plugins tab and press Example search and change background text.
2. Enter the required text in the field.
3. Choose the necessary color in the color block.
4. Press the Color button to change the background color for the selected text.
5. Press the Color all button to change the background color for all the found results.
6. Press the Reset button to reset the background color for the selected text.

Repository on GitHub: https://github.com/ONLYOFFICE/sdkjs-plugins/tree/master/example_search_and_change_text_background_color.

1. config.json, index.html, and code.js
2. Icons

{
    "name" : "Example search and change background text",
    "guid" : "asc.{EF5735E0-69A7-4D4A-9ABE-F58FD70F488J}",

    "variations" : [
        {
            "description" : "Example search and change background text",
            "url"         : "index.html",

            "icons": [ "resources/light/icon.png", "resources/light/icon@2x.png" ],
            "icons2": [
                {
                    "style" : "light",
                    
                    "100%": {
                        "normal": "resources/light/icon.png"
                    },
                    "125%": {
                        "normal": "resources/light/icon@1.25x.png"
                    },
                    "150%": {
                        "normal": "resources/light/icon@1.5x.png"
                    },
                    "175%": {
                        "normal": "resources/light/icon@1.75x.png"
                    },
                    "200%": {
                        "normal": "resources/light/icon@2x.png"
                    }
                },
                {
                    "style" : "dark",
                    
                    "100%": {
                        "normal": "resources/dark/icon.png"
                    },
                    "125%": {
                        "normal": "resources/dark/icon@1.25x.png"
                    },
                    "150%": {
                        "normal": "resources/dark/icon@1.5x.png"
                    },
                    "175%": {
                        "normal": "resources/dark/icon@1.75x.png"
                    },
                    "200%": {
                        "normal": "resources/dark/icon@2x.png"
                    }
                }
            ],
            "isViewer"        : false,
            "EditorsSupport"  : ["word"],

            "isVisual"        : true,
            "isModal"         : false,
            "isInsideMode"    : true,

            "initDataType"    : "none",
            "initData"        : "",

            "buttons"         : []
        }
    ]
}

• button
• init
• callCommand
• Asc.scope object

If you want to request a feature or report a bug regarding this plugin, use the issues section on GitHub.