# Text Editor (TinyMCE)

<figure><img src="https://417697475-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVr2cbdfxDGZK1u2Fd59w%2Fuploads%2FA6Rn6PelqGOyt841Ppi4%2Ftiny-mce.png?alt=media&#x26;token=4cf2275d-9123-482c-a57a-d0559954d238" alt=""><figcaption></figcaption></figure>

Probably the most popular rich text editor available. However, please note that TinyMCE editors requite an API key. It's free to register for one, and you can do that below

{% embed url="https://www.tiny.cloud/blog/how-to-get-tinymce-cloud-up-in-less-than-5-minutes/" %}
How to get a TinyMCE api key
{% endembed %}

Once you have your API key, just add it to the Api Keys in the Settings section (Under General Tab), making sure your key name is **TinyMCE.** Like shown below

<figure><img src="https://417697475-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVr2cbdfxDGZK1u2Fd59w%2Fuploads%2FuHIQ0WvkdbPUwu6vW5GL%2Fapi-key.png?alt=media&#x26;token=4d006d93-1232-4b3c-84ed-d47bdc3f8354" alt=""><figcaption><p>TinyMCE Api Key added</p></figcaption></figure>

### Settings

You can optionally choose which menu items and tool bars to show to the editor on the property settings when you have added it to the content type

<figure><img src="https://417697475-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVr2cbdfxDGZK1u2Fd59w%2Fuploads%2FReFNBkpWLpb3RruzrIcu%2Ftinymce-options.png?alt=media&#x26;token=a8cdb527-e704-4b93-abff-15d5dadb2ab3" alt=""><figcaption></figcaption></figure>

#### Example of getting value on page

```csharp
@((MarkupString)(Content!.GetValue<string>("PropertyAliasHere") ?? string.Empty))
```

We have to use the `(MarkupString)` on HTML content in Blazor
