Content block widget with rich-text editor

When working with MVC Content blocks, you can leverage the benefits of the rich-text editor of the new content editing experience that include expanded editing area, which accommodates more content and makes interacting with the content easier. Additionally, the HTML editing mode is based on the Monaco editor, and helps content editors generate cleaner and more consistent HMTL via source editing with validation, syntax highlighting, and IntelliSense.

Thus, content editors get consistent and unified experience across content types and widgets, no matter whether they are writing news, blogs, or entering text in the Content block widget.

Only widget properties that cannot be manipulated from the rich-text editor, such as CSS classes, remain in the Advanced settings of the widget, thus avoiding redundancy. Properties are modified in a user-friendly way. For example, boolean fields are presented as radio buttons.  

NOTE: When working in the classic UI, you set widget properties in the Advanced properties screen, as well as from the text editor. In addition, you have to enter the property values in the text fields of the properties, as opposed to setting the values with radio buttons, for example. For more information, see Configure the content block widget.

If you already extended the Admin App, customizations to the editor are reflected in the Content block as well. For more information, see Rich-text editor customizations.

PREREQUISITES:
  • You are working with an MVC Content block widget.
  • The new content editing experience is switched on.
    For more information, see Toggle between the new and classic experience.
  • You are working with the Content block in page editing mode, as opposed to page template editing mode.

Enable and disable the rich-text editor

By default, the new rich-text editor for Content blocks is enabled. To disable it, navigate To Administration » Settings » Advanced » Pages. Deselect the Enable new Admin App widget designers checkbox.

Work with the rich-text editor

The rich-text content editor, based on Kendo UI, lets authors focus on the content and to create rich text that can be used on website pages. With the help of the contextual toolsets, authors can format the text, create lists and tables, insert links, embed media, and so on. In addition, they can work in the HTML mode if you need to edit the source. For more information, see Work with the new content editor.

You can specify and additional properties for the widget by clicking on the Advanced settings gear icon:

  • Exclude from search index
    Choose whether to exclude this Content block widget from the site search.
  • Wrapper CSS class
    Allows a CSS class to be applied on the wrapper tag of the default content block view.

You can share and unshare content as you would do in a regular Content block widget. For more information, see Content block widget.

If the content is shared across pages, once you start typing in the editor, the content is blocked for editing by another user. For more information, see Lock and unlock content items.

Increase your Sitefinity skills by signing up for our free trainings. Get Sitefinity-certified at Progress Education Community to boost your credentials.

Get started with Integration Hub | Sitefinity Cloud | Sitefinity SaaS

This free lesson teaches administrators, marketers, and other business professionals how to use the Integration hub service to create automated workflows between Sitefinity and other business systems.

Web Security for Sitefinity Administrators

This free lesson teaches administrators the basics about protecting yor Sitefinity instance and its sites from external threats. Configure HTTPS, SSL, allow lists for trusted sites, and cookie security, among others.

Foundations of Sitefinity ASP.NET Core Development

The free on-demand video course teaches developers how to use Sitefinity .NET Core and leverage its decoupled architecture and new way of coding against the platform.

Was this article helpful?