Using Rich Text Editor with In-place Editor

[Lucas R Vogel]

Is there a way to get the HTML generated by the Rich Text editor to display as HTML? The In-place Editor allows me to edit with the editor, but I have to bind this to a regular string, which shows all of the HTML. Is there a way I could get this to bind to a MarkupString instead?

[Vinitha Jeyakumar]

Hi Lucas,

Your requirement to get the HTML strings can be achieved by getting the value of the Rich Text Editor using instance object just like below,

Code snippet:

<SfInPlaceEditor Type="Syncfusion.Blazor.InPlaceEditor.InputType.RichTextEditor" @bind-Value="@value" TValue="string">

                <EditorComponent>

                    <SfRichTextEditor @ref="rteObj" @bind-Value="@value">

                    </SfRichTextEditor>

                </EditorComponent>

            </SfInPlaceEditor>

            <SfButton OnClick="Click">getHTML</SfButton>

            <div>

                @Content

            </div>

@code {

    SfRichTextEditor rteObj;

    private string value { get; set; } = "syncfusion";

    public string Content {get;set;}

    public void Click()

    {

       Content =  rteObj.Value;

    }

}

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/IPE_server-493874419

Regards,

Vinitha