Umbraco 8.3.0: how to fix richtext editor not displaying inserted images

While using the 8.3.0 version of Umbraco, its likely that you’ll encounter the issue of images inside the richtext editor content not being able to display as shown in the pictures below. 

If you’ve tried all the conventional fixes, clearing browser cache, clearing Umbraco memory cache and clearing Umbraco database cache, and nothing worked, you could try this method that I’ve used to fix this issue.

The problem lies with in the RTE partial, we need to ensure the RTE partial used by the grid, passes its value through the TemplateUtilities to resolve images and urls before rendering out the value.

 

We need to change the content of :Views\Partials\Grid\Editors\Rte.cshtml from this:

@model dynamic
@using Umbraco.Web.Composing
@using Umbraco.Web.Templates

@Html.Raw(TemplateUtilities.ParseInternalLinks(Model.value.ToString(), Current.UmbracoContext.UrlProvider))

To this:

@model dynamic
@using Umbraco.Web.Composing
@using Umbraco.Web.Templates
@{
    var value = TemplateUtilities.ParseInternalLinks(Model.value.ToString(), Current.UmbracoContext.UrlProvider);
    value = TemplateUtilities.ResolveUrlsFromTextString(value);
    value = TemplateUtilities.ResolveMediaFromTextString(value);
}
@Html.Raw(value)

Refresh the clear the cache and the image should be displaying properly