How do you render your (XHTML String?) property? Note that links will have different formats depending on in which context they're rendered.

Hi Johan,

below is the response handler:

if (request.Block == null)
            {
                throw new ArgumentNullException(nameof(request.Block));
            }

            var response = await Task.FromResult(new AccordionResponse
            {
                Title = request.Block.Title,
                AccordionContent = request.Block.AccordionItems?.FilteredItems?.Select(x =>
                        _contentService.TryGet<AccordionItemBlock>(x.ContentLink, out var item)
                            ? new AccordionItemResponse
                            {
                                Title = item.Title,
                                Content = _contentService.GetPageMode() == ContextMode.Preview
                                    ? item.Content?.ToEditString()
                                    : item.Content?.ToHtmlString()
                            }
                            : null)
                    .Where(x => x != null)
            });

            _logger.LogDebug(nameof(Handle), "Returning {response}", response);

            return response;

The accordion block

 public class AccordionBlock : SiteBlockData
    {
        [Display(Name = "Title",
            GroupName = SystemTabNames.Content,
            Order = 10)]
        [Searchable]
        [CultureSpecific]
        [Required]
        public virtual string Title { get; set; }

        [Display(Name = "Accordion Items",
            GroupName = SystemTabNames.Content,
            Order = 10)]
        [CultureSpecific]
        [AllowedTypes(typeof(AccordionItemBlock))]
        public virtual ContentArea AccordionItems { get; set; }

    }

Below is the accordion item block which is whats used in the ContentArea for the accordion block

public class AccordionItemBlock : ChildBlock
    {
      
        [Display(Name = "Title",
            GroupName = SystemTabNames.Content,
            Order = 10)]
        [Searchable]
        [CultureSpecific]
        [Required]
        public virtual string Title { get; set; }

        [Display(Name = "Description",
            GroupName = SystemTabNames.Content,
            Order = 20)]
        [Searchable]
        [CultureSpecific]
        [Required]
        public virtual XhtmlString Content { get; set; }
    }

The block is then rendered through the view below:

@using React.AspNet
@using React.RenderFunctions
@model Weir.Global.CMS.Web.ViewModels.BlockViewModel

@{
    var mainStyledComponentsFunctions = new StyledComponentsFunctions();
    var mainChainedFunctions = new ChainedRenderFunctions(mainStyledComponentsFunctions);

}

@Html.React(Model.ComponentName, Model.Block, renderFunctions: mainChainedFunctions)

@Html.Raw(mainStyledComponentsFunctions.RenderedStyles)

We are then using the method below to load the content onto the page for the accordion block. When dubugging through the code it says we are using the Episerver.core.html.stringparsing.URLFragment for the links, which is giving back an internal format of "~/link/cc4aa3a906084771af57ddc69fe80413.aspx"

 public bool TryGet<T>(ContentReference contentReference, out T content) where T: IContentData
        {
            return _contentLoader.TryGet<T>(contentReference, out content);
        }

Ive been trying to look for a solution for a while now and ive got told to include something in the TinyMce Configuration that would prevent the Edit mode url from being generated after publishing the block component?

item.Content?.ToHtmlString() will give you an internal format. Not sure what your "response handler" is, but if you have access to an IHtmlHelper, you can call the extension method XhtmlString on it: htmlHelper.XhtmlString(item.Content);