title: AngularJS with TinyMCE
body: <p>I am trying to get TinyMCE working with AngularJS and I found this <a href="https://stackoverflow.com/questions/11953532/integrating-angularjs-and-tinymce">Integrating AngularJS and tinyMCE</a> with the example: <a href="http://plnkr.co/edit/04AFkp?p=preview" rel="nofollow noreferrer">http://plnkr.co/edit/04AFkp?p=preview</a>.</p>
  
  <p>It works. But how can I have the TinyMCE to be customized? I tried with this, but it doesn't work.</p>
  
  <pre><code>var myApp = angular.module('myApp', ['ui.tinymce','MyController']);
  
  angular.module("MyController",[]).controller('TestCtrl', ['$scope', function($scope){
      $scope.from_one = {
        from_one :'&lt;strong&gt;bold data in controller in from_one.js&lt;/strong&gt;'
      };
  
      $scope.tinymceOptions = {
          height:500,
          toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image | fullscreen",
          handle_event_callback: function (e) {
          // put logic here for keypress
          console.log("key pressed!");
          }
      };
  }]);
  </code></pre>