Skip to main content

Search and change text background color

Description​

Searches for target text and changes its background color.

Plugin type: visual, non-system.

Supported editors: documents.

SearchAndChangeTextBackgroundColor

Installation​

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

Usage​

  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.

Plugin structure​

Repository on GitHub: example_search_and_change_text_background_color.

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

Config​

{
  "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": []
    }
  ]
}

Methods and events​

Support​

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