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

[Yann Bruneau]

Hello,

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,

Yann

[Kalai Selvi Rajendran]

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.

<code>


            <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;
                $scope.style="color:#5C5C5C";
            });       
    </script>
</code>

Please refer to the below link for online demo:
http://jsplayground.syncfusion.com/unailg0g

Regards
Kalai Selvi

[Yann Bruneau]

Thank you!