Highlight text Theme Component

Screenshot

Repo

discourse-highlight-text

About

Add some common brand terms on your forum to the theme settings, and they will get highlighted in every post.
Uses https://markjs.io/ to highlight text in discourse. Supports mark() and markRegExp() methods. The ‘quaternary’ theme color (discourse → customize → colors) is used to highlight the text.

Installation

How do I install a Theme or Theme Component?

Preview

Configuration

Configure the theme component in its settings. Set if you want to mark a single word or if you prefer to set a regular expression for selecting the text. It’s also possible to specify if case (in)-sensitive.

Example regular expression: [\s]discourse[\s] (See above screenshot and the highlighted word “discourse”).

Thanks

Thank you, https://markjs.io/

3개의 좋아요

Might be a good idea if you could add some simple instructions & example on how to use to the OP?

The example is in the settings. I can add a example if you insist.

Don’t insist, but maybe I’m being slow this morning but wasn’t clear to me how to exploit. :thinking:

An example would really help I think. What does the post look like to generate this screenshot?

1개의 좋아요

Thanks for the feedback. See changed first post.

2개의 좋아요

Great! What an interesting option. Thanks for making!

2개의 좋아요

@sbernhard

This kind of “utility” theme components are really useful.

Thanks for making and sharing.

1개의 좋아요

Its just a small thing but to highlight the brand name e.g. can be useful. Thanks for the feedback.

1개의 좋아요

“Small things” are sometimes the best things.

Plus, some of us can learn from your theme components easily, since they are “simple” :). “Simplicity” is. a kind of zen… good job!

Looking forward to your next one!

1개의 좋아요