ZauberCMS
  • 🪄Welcome to ZauberCMS
  • Getting Started
    • 💡Quick Start
      • Databases
  • Creating A Website
    • 📹Website Build Video Tutorial
    • Content Types
      • Element Types
      • Compositions
    • Current Content Properties
      • Textbox & Textarea
      • Text Editor (Radzen)
      • Text Editor (TinyMCE)
      • Numeric
      • True / False
      • Rating
      • Checkbox, Dropdown & Radio Lists
      • Media Picker
      • Navigation
      • Material Icon Picker
      • Content Picker
      • Date Picker
      • Custom Component Picker
      • Api Key Picker
      • Colour Picker
      • Block List Editor
      • Editor Notes
      • Google Map Location Picker
      • Simple List Manager
      • Simple Dictionary Manager
      • SEO Property
      • Code Editor
      • Colour Theme Picker
    • Content
      • Publish & Unpublish
    • Querying Data
      • Extension Methods
    • Views
    • Controllers (Route Hi-Jacking)
    • Custom Components
    • Users & Roles
      • Restrict Access By Role
    • Logs
    • Audit
    • Global Settings
      • Using Global Settings
    • SEO Sitemaps
    • Hosting
  • Extending ZauberCMS
    • Overview
    • BlockListEditor
      • Content Block Preview
      • Content Block
    • Custom List Data
    • Custom Content Property
    • Custom Validation
    • Custom Admin Sections
      • Section Nav Group Menu
      • Trees
        • Tree Context Menus
      • Reusing Content Editors
    • Saving Custom Data
    • Using AppState Events
    • Before & After Save
    • Email & Storage Providers
    • Seed Data
    • SEO Checks
  • Identity
    • Overview
    • External Authentication Providers
    • Account Layout
  • Language
    • Overview
    • Adding Language Dictionaries
    • Setting The Language
    • Using Language Dictionaries
  • AppSettings
    • Detailed Errors
    • Media Settings
    • Enable Path Urls
Powered by GitBook
On this page
  1. Creating A Website
  2. Current Content Properties

Text Editor (TinyMCE)

PreviousText Editor (Radzen)NextNumeric

Last updated 7 months ago

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

Once you have your API key, just add it to the ApiKeys in the appSettings, making sure your key name is TinyMCE

"ApiKeys": {
  "TinyMCE":"ENTER API KEY HERE"
},

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

Example of getting value on page

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

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

Quick setup guide: get your TinyMCE API key in 5 minutes | TinyMCEBlog by Tiny
How to get a TinyMCE api key