·¬ÇÑÉçÇø

Brightspot CMS User Guide

Using search and replace in the rich-text editor


While working in the rich-text editor, you have the ability to search for (and replace, if necessary) specific terms.

To search and replace in the rich-text editor:

  1. Open an asset that contains a rich-text editor field.
  2. Click search located in the rich-text editor toolbar. Alternatively, you can use the keyboard shortcuts Ctrl-F (Windows) or ⌘-¹ó (iOS).
    RTE search icon.jpg RTE search icon.jpg
    Search icon in the rich-text editor
  3. Enter the term to search for within the rich-text editor.
    • The entered term is highlighted throughout the rich-text editor field.
    • The number of times that term is present in this field is noted next to the search field. Click chevron_leftand chevron_rightto toggle between occurrences of the term within the field. The currently selected occurrence is highlighted by a darker color.
  4. Click expand_more to expose the entire search and replace widget.
    RTE replace with field.jpg RTE replace with field.jpg
    Replace with field in rich-text editor search
  5. To filter through the instances, do the following:
    • Toggle on Case Sensitive if you want Brightspot to honor case sensitivity in the text you entered in the search field.

      In the following image, you enter graph into the search field and toggle on Case Sensitive. When searching for text to replace, Brightspot only locates instances of graph (and not Graph), of which there is one. This indicates that you forgot to capitalize the first letter in the word GraphQL, so you can correct it.

      Find and replace with case sensitive.png Find and replace with case sensitive.png

    • Toggle on Whole Word if you want Brightspot to strictly honor the text you enter into the Find in Body... search field.

      In the following image, you enter graph into the Find in Body... search field and toggle on Whole World. Brightspot only locates instances of graph (and not GraphQL), of which there are none. This indicates that you did not accidentally enter graph instead of GraphQL in the rich-text editor, so no action is needed.

      Find and replace with whole word.png Find and replace with whole word.png

  6. To replace the selected term with another, enter a new term in the Replace with field.

    Once you enter a term in this field, the Replace and Replace All buttons become available.

  7. To replace the currently selected term, denoted by a darker highlight color in the rich-text editor, click Replace.

    To replace all occurrences of the original term, click Replace All.

    RTE find replace.jpg RTE find replace.jpg
    Find and replace within the rich-text editor

  8. Complete your site's workflow and publish the asset.

In the image above, the term being searched is pitch. The term in the Replace with field is idea. The currently highlighted instance of the word pitch is highlighted in a darker color.

In reading the text, replacing pitch with idea in the currently selected instance would not make sense; however, clicking chevron_righttakes you to the next occurrence of pitch, where changing that to idea would make sense. Clicking Replace replaces that specific instance of pitch with idea.

Previous Topic
Resetting numbering in a list
Next Topic
Preview
Was this topic helpful?
Thanks for your feedback.
Our robust, flexible Design System provides hundreds of pre-built components you can use to build the presentation layer of your dreams.

•
•
•
Brightspot is packaged with content types that get you up and running in a matter of days, including assets, modules and landing pages.

• Content types
• Modules
• Landing pages
Everything you need to know when creating, managing, and administering content within Brightspot CMS.

• Dashboards
• Publishing
• Workflows
• Admin configurations
A guide for installing, supporting, extending, modifying and administering code on the Brightspot platform.

• Field types
• Content modeling
• Rich-text elements
• Images
A guide to configuring Brightspot's library of integrations, including pre-built options and developer-configured extensions.

• Google Analytics
• Shopify
• Apple News