We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
Unfortunately, activation email could not send to your email. Please try again.

Add fontName, fontSize, fontColor, backgroundColor in toolbar - Angular Way

Thread ID:





121820 Jan 28,2016 05:43 AM Feb 1,2016 03:05 AM JavaScript 2
Tags: ejRTE
Yann Bruneau
Asked On January 28, 2016 05:43 AM


How can I add fontName, fontSize, fontColor, backgroundColor in toolbar the Angular Way?

I tried: e-tools-font-fontName="true" and different other combinations, but could not find the good one.

Thank you,


Kalai Selvi Rajendran [Syncfusion]
Replied On January 29, 2016 12:54 AM

Hi Yann,
Thanks for contacting Syncfusion support.
For adding fontName, fontSize, fontColor and backgroundColor to the toolbar in RTE control by Angular way, first define the toolsList and tools as array and assign it to the scope variable and then the scope will utilize it in corresponding attributes. Please refer to the below code example.


            <textarea id="rteSample" ej-rte e-width="100%" e-toolsList="toolslist" e-tools="tools"  e-height="266" e-value="rteValue"></textarea>

    <script type="text/javascript" class="jsScript">
      var toolsList= ["font"];
      var tool = { font: ["fontName""fontSize""fontColor""backgroundColor"],}
        angular.module('syncApp', ['ejangular'])
            .controller('RTECtrl'function ($scope)
                $scope.rteValue = "Description: 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";
                $scope.tools = tool;
                $scope.toolslist = toolsList;

Please refer to the below link for online demo:



Kalai Selvi

Yann Bruneau
Replied On February 1, 2016 03:05 AM

Thank you!


This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.