# Decode HTML ❺

Store HTML directly in CMS text fields, and render them in decoded form on the page.

## Use Cases 

Good for…

* 3rd party embeds like SoundCloud, and YouTube
* JSON+LD embeds

## Usage Notes <a href="#usage-notes" id="usage-notes"></a>

Create an HTML Embed or plain-text element on your page, data-bound to the CMS if you like.

### `wfu-decode` attribute <a href="#wfu-decode-attribute" id="wfu-decode-attribute"></a>

Add this to the HTML Embed element you want the contents decoded for. No value needed.

Note that the CSS will hide this element initially until after it’s decoded, at which point we make it visible.

## Getting Started <a href="#getting-started-nocode" id="getting-started-nocode"></a>

### STEP 1 - Add the Library <a href="#step-1---add-the-library" id="step-1---add-the-library"></a>

First, **add the library** as detailed in [Quick Start](https://attr.sygnal.com/sa5-html/quick-start).&#x20;

### STEP 2 - Apply `wfu-decode` to the HTML Embed element you want to decode <a href="#step-2---apply-wfu-decode-to-the-html-embed-element-you-want-to-decode" id="step-2---apply-wfu-decode-to-the-html-embed-element-you-want-to-decode"></a>

See above for details.

<br>