Default rte font

[Mihael]

How to set default font of rich text editor, like Arial instead of Times New Roman?

Thank you

[Prince Oliver]

Hello Mihael, 

 

Thank you for contacting us. 

 

You can set the default font in RTE to “Arial” instead of “Times New Roman”  through importing modified styles from an external stylesheet into RTE. To load stylesheet inside iframe you can use externalCSS property. Kindly refer to the following code 

 

<div id="ControlRegion"> 

    <div> 

        @{Html.EJ().RTE("rteSample").Height("380px").ContentTemplate(@<div> 

    <p><b>Description:</b></p> 

    <p> 

        The Rich Text Editor (RTE) control is an easy to render in 

        client side. Customer easy to edit the contents and get the HTML content for 

        the displayed content. A rich text editor control provides users with a toolbar 

        that helps them to apply rich text formats to the text entered in the text 

        area. 

    </p> 

</div>).MinWidth("200px").ExternalCSS("../Content/ej/iframe.css").Render();} 

  </div> 

</div> 

 

Iframe.CSS: 

body { 

   font-family:Arial; 

} 

 

We have attached an example for your reference, please find it in the following location: 

http://www.syncfusion.com/downloads/support/forum/143881/ze/RTEFont1200365231  

 

For further reference on setting default font styles, please refer the following UG documentation: 

https://help.syncfusion.com/js/richtexteditor/working-with-content#set-default-font-name-and-size  

 

Let us know if you need any further assistance on this. 

 

Regards, 

Prince 

[Mihael]

Thank you very much, it is working.

[Prince Oliver]

Hello Mihael, 

Most welcome. We are glad to help you. 

Regards, 

Prince