Text Highlighter

Highlight text paragraphs or important keywords

CSS/JS files (add code to <HEAD> section):


<!-- DC Text Highlighter CSS -->
<link type="text/css" rel="stylesheet" href="dreamcodes/highlighter/css/tsc_css_highlighter_shortcodes.css" />

          

Highlight Text

Suspendisse potenti sample text example of silver tsc_highlight purus varius nibh.
Lorem ipsum dolor sit amet, consectetur adipiscing elit and another sample text example of silver tsc_highlight2 quis nisl mauris.

View code:

          
<!-- DC Text Highlighter Start -->
<span class="tsc_highlight silver">sample text example of silver tsc_highlight</span>
<span class="tsc_highlight2 silver_text">another sample text example of silver tsc_highlight2</span>
<!-- DC Text Highlighter End -->

          

Suspendisse potenti sample text example of steelblue tsc_highlight purus varius nibh.
Lorem ipsum dolor sit amet, consectetur adipiscing elit and another sample text example of steelblue tsc_highlight2 quis nisl mauris.

View code:


<!-- DC Text Highlighter Start -->
<span class="tsc_highlight steelblue">sample text example of steelblue tsc_highlight</span>
<span class="tsc_highlight2 steelblue_text">another sample text example of steelblue tsc_highlight2</span>
<!-- DC Text Highlighter End -->

          

Suspendisse potenti sample text example of black tsc_highlight purus varius nibh.
Lorem ipsum dolor sit amet, consectetur adipiscing elit and another sample text example of black tsc_highlight2 quis nisl mauris.

View code:


<!-- DC Text Highlighter Start -->
<span class="tsc_highlight black">sample text example of black tsc_highlight</span>
<span class="tsc_highlight2 black_text">another sample text example of black tsc_highlight2</span>
<!-- DC Text Highlighter End -->

          

Suspendisse potenti sample text example of orange tsc_highlight purus varius nibh.
Lorem ipsum dolor sit amet, consectetur adipiscing elit and another sample text example of orange tsc_highlight2 quis nisl mauris.

View code:


<!-- DC Text Highlighter Start -->
<span class="tsc_highlight orange">sample text example of orange tsc_highlight</span>
<span class="tsc_highlight2 orange_text">another sample text example of orange tsc_highlight2</span>
<!-- DC Text Highlighter End -->

          

Suspendisse potenti sample text example of red tsc_highlight purus varius nibh.
Lorem ipsum dolor sit amet, consectetur adipiscing elit and another sample text example of red tsc_highlight2 quis nisl mauris.

View code:


<!-- DC Text Highlighter Start -->
<span class="tsc_highlight red">sample text example of red tsc_highlight</span>
<span class="tsc_highlight2 red_text">another sample text example of red tsc_highlight2</span>
<!-- DC Text Highlighter End -->

          

Suspendisse potenti sample text example of yellow tsc_highlight purus varius nibh.
Lorem ipsum dolor sit amet, consectetur adipiscing elit and another sample text example of yellow tsc_highlight2 quis nisl mauris.

View code:


<!-- DC Text Highlighter Start -->
<span class="tsc_highlight yellow">sample text example of yellow tsc_highlight</span>
<span class="tsc_highlight2 yellow_text">another sample text example of yellow tsc_highlight2</span>
<!-- DC Text Highlighter End -->

          

Suspendisse potenti sample text example of green tsc_highlight purus varius nibh.
Lorem ipsum dolor sit amet, consectetur adipiscing elit and another sample text example of green tsc_highlight2 quis nisl mauris.

View code:


<!-- DC Text Highlighter Start -->
<span class="tsc_highlight green">sample text example of green tsc_highlight</span>
<span class="tsc_highlight2 green_text">another sample text example of green tsc_highlight2</span>
<!-- DC Text Highlighter End -->

          

Suspendisse potenti sample text example of olive tsc_highlight purus varius nibh.
Lorem ipsum dolor sit amet, consectetur adipiscing elit and another sample text example of olive tsc_highlight2 quis nisl mauris.

View code:


<!-- DC Text Highlighter Start -->
<span class="tsc_highlight olive">sample text example of olive tsc_highlight</span>
<span class="tsc_highlight2 olive_text">another sample text example of olive tsc_highlight2</span>
<!-- DC Text Highlighter End -->

          

Suspendisse potenti sample text example of teal tsc_highlight purus varius nibh.
Lorem ipsum dolor sit amet, consectetur adipiscing elit and another sample text example of teal tsc_highlight2 quis nisl mauris.

View code:


<!-- DC Text Highlighter Start -->
<span class="tsc_highlight teal">sample text example of teal tsc_highlight</span>
<span class="tsc_highlight2 teal_text">another sample text example of teal tsc_highlight2</span>
<!-- DC Text Highlighter End -->

          

Suspendisse potenti sample text example of blue tsc_highlight purus varius nibh.
Lorem ipsum dolor sit amet, consectetur adipiscing elit and another sample text example of blue tsc_highlight2 quis nisl mauris.

View code:


<!-- DC Text Highlighter Start -->
<span class="tsc_highlight blue">sample text example of blue tsc_highlight</span><br />
<span class="tsc_highlight2 blue_text">another sample text example of blue tsc_highlight2</span>
<!-- DC Text Highlighter End -->

          

Suspendisse potenti sample text example of deepblue tsc_highlight purus varius nibh.
Lorem ipsum dolor sit amet, consectetur adipiscing elit and another sample text example of deepblue tsc_highlight2 quis nisl mauris.

View code:


<!-- DC Text Highlighter Start -->
<span class="tsc_highlight deepblue">sample text example of deepblue tsc_highlight</span>
<span class="tsc_highlight2 deepblue_text">another sample text example of deepblue tsc_highlight2</span>
<!-- DC Text Highlighter End -->

          

Suspendisse potenti sample text example of purple tsc_highlight purus varius nibh.
Lorem ipsum dolor sit amet, consectetur adipiscing elit and another sample text example of purple tsc_highlight2 quis nisl mauris.

View code:


<!-- DC Text Highlighter Start -->
<span class="tsc_highlight purple">sample text example of purple tsc_highlight</span>
<span class="tsc_highlight2 purple_text">another sample text example of purple tsc_highlight2</span>
<!-- DC Text Highlighter End -->

          

Suspendisse potenti sample text example of hotpink tsc_highlight purus varius nibh.
Lorem ipsum dolor sit amet, consectetur adipiscing elit and another sample text example of hotpink tsc_highlight2 quis nisl mauris.

View code:


<!-- DC Text Highlighter Start -->
<span class="tsc_highlight hotpink">sample text example of hotpink tsc_highlight</span>
<span class="tsc_highlight2 hotpink_text">another sample text example of hotpink tsc_highlight2</span>
<!-- DC Text Highlighter End -->

          

Suspendisse potenti sample text example of slategrey tsc_highlight purus varius nibh.
Lorem ipsum dolor sit amet, consectetur adipiscing elit and another sample text example of slategrey tsc_highlight2 quis nisl mauris.

View code:


<!-- DC Text Highlighter Start -->
<span class="tsc_highlight slategrey">sample text example of slategrey tsc_highlight</span>
<span class="tsc_highlight2 slategrey_text">another sample text example of slategrey tsc_highlight2</span>
<!-- DC Text Highlighter End -->

          

Suspendisse potenti sample text example of mauve tsc_highlight purus varius nibh.
Lorem ipsum dolor sit amet, consectetur adipiscing elit and another sample text example of mauve tsc_highlight2 quis nisl mauris.

View code:


<!-- DC Text Highlighter Start -->
<span class="tsc_highlight mauve">sample text example of mauve tsc_highlight</span>
<span class="tsc_highlight2 mauve_text">another sample text example of mauve tsc_highlight2</span>
<!-- DC Text Highlighter End -->

          

Suspendisse potenti sample text example of pearl tsc_highlight purus varius nibh.
Lorem ipsum dolor sit amet, consectetur adipiscing elit and another sample text example of pearl tsc_highlight2 quis nisl mauris.

View code:


<!-- DC Text Highlighter Start -->
<span class="tsc_highlight pearl">sample text example of pearl tsc_highlight</span>
<span class="tsc_highlight2 pearl_text">another sample text example of pearl tsc_highlight2</span>
<!-- DC Text Highlighter End -->

          

Suspendisse potenti sample text example of mossgreen tsc_highlight purus varius nibh.
Lorem ipsum dolor sit amet, consectetur adipiscing elit and another sample text example of mossgreen tsc_highlight2 quis nisl mauris.

View code:


<!-- DC Text Highlighter Start -->
<span class="tsc_highlight mossgreen">sample text example of mossgreen tsc_highlight</span>
<span class="tsc_highlight2 mossgreen_text">another sample text example of mossgreen tsc_highlight2</span>
<!-- DC Text Highlighter End -->

          

Suspendisse potenti sample text example of wheat tsc_highlight purus varius nibh.
Lorem ipsum dolor sit amet, consectetur adipiscing elit and another sample text example of wheat tsc_highlight2 quis nisl mauris.

View code:

          
<!-- DC Text Highlighter Start -->
<span class="tsc_highlight wheat">sample text example of wheat tsc_highlight</span>
<span class="tsc_highlight2 wheat_text">another sample text example of wheat tsc_highlight2</span>
<!-- DC Text Highlighter End -->

          

Suspendisse potenti sample text example of coffee tsc_highlight purus varius nibh.
Lorem ipsum dolor sit amet, consectetur adipiscing elit and another sample text example of coffee tsc_highlight2 quis nisl mauris.

View code:


<!-- DC Text Highlighter Start -->
<span class="tsc_highlight coffee">sample text example of coffee tsc_highlight</span>
<span class="tsc_highlight2 coffee_text">another sample text example of coffee tsc_highlight2</span>
<!-- DC Text Highlighter End -->

          

Suspendisse potenti sample text example of copper tsc_highlight purus varius nibh.
Lorem ipsum dolor sit amet, consectetur adipiscing elit and another sample text example of copper tsc_highlight2 quis nisl mauris.

View code:

          
<!-- DC Text Highlighter Start -->
<span class="tsc_highlight copper">sample text example of copper tsc_highlight</span>
<span class="tsc_highlight2 copper_text">another sample text example of copper tsc_highlight2</span>
<!-- DC Text Highlighter End -->

          


© TemplateAccess