Angular UI TinyMCE : How set default settings

Question

I am using angular ui tinymce extension. I would like to know how to set the following setting which I can do in regular JavaScript.

    tinymce.init({
    selector: "textarea",        
    height: 250,
    theme: "modern",
    plugins: [
        "advlist autolink lists link image charmap print preview hr anchor pagebreak",
        "searchreplace wordcount visualblocks visualchars code fullscreen",
        "insertdatetime media nonbreaking save table contextmenu directionality",
        "emoticons template paste textcolor"
    ],
            toolbar1: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image | print preview media | forecolor backcolor emoticons",

    image_advtab: true,
    templates: [
        { title: 'Test template 1', content: 'Test 1' },
        { title: 'Test template 2', content: 'Test 2' }
    ]
});

Not sure how to use the setup

 $scope.tinymceOptions  =
 {
   setup: function (ed) {
     ed.onInit.add(function(ed) {
         //SOME INITIALIZING CODE HERE

    });
  }

Any help related to setting up tinymceOptions would be appreciated.

Answer 1

tinymce directive

Controller

var app = angular.module('BDA', ['ui.tinymce']);

app.controller('PostCtrl', function ($scope, $http) {

    $scope.tinymceOptions = {
        theme: "modern",
        plugins: [
            "advlist autolink lists link image charmap print preview hr anchor pagebreak",
            "searchreplace wordcount visualblocks visualchars code fullscreen",
            "insertdatetime media nonbreaking save table contextmenu directionality",
            "emoticons template paste textcolor"
        ],
        toolbar1: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image",
        toolbar2: "print preview media | forecolor backcolor emoticons",
        image_advtab: true,
        height: "200px",
        width: "650px"
    };
});

HTML

<div ng-controller="PostCtrl">
     <textarea ui-tinymce="tinymceOptions" ng-model="tinymceModel"></textarea>
</div>