Angular UI TinyMCE：如何设置默认设置

Question

我正在使用角度ui tinymce扩展。我想知道如何设置我可以在常规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' } 
    ] 
}); 

不知道如何使用安装

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

    }); 
    } 

与设置tinymceOptions，将不胜感激任何帮助。

Answer 1

tinymce directive

控制器

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>