title: How to add CKEditor instances inside Controller scopes with AngularJS and CKEditor
body: <p>He there all, </p>
  
  <p>Lately I ve been experimenting with Angular JS. Everything goes nice, my controllers, services etc. </p>
  
  <p>When I try to make a Div editable that is inside the ng-controller the ckeditor toolbar does not popup. Any other div outside the controller works fine.</p>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;!-- BEGIN Dynamic Content with AngularJS --&gt;
      &lt;div id="js_enabled" class="js_enabled" ng-controller="boxes_controller"&gt;
          &lt;div class="box" ng-repeat="box in boxes" style="min-width: {[{ boxes_width }]}%; width:  {[{ boxes_width }]}%; max-width: {[{ boxes_width }]}%;"&gt;
              &lt;p contenteditable="true"&gt; asd&lt;/p&gt;
              &lt;div class='box-content'&gt;
                      &lt;p&gt;
                      &lt;b&gt;{[{ box.title }]}&lt;/b&gt;&lt;br/&gt;
                      {[{ box.description }]}
                      &lt;/p&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;!-- END Dynamic Content with AngularJS --&gt;
  </code></pre>
  
  <p>The {[{}]} is interpolation override. If you can see there is a <strong>small</strong> 'p' element with contenteditable just for testing. That is the element that does not show the ckeditor bar. 
  I tested it's not CSS. The toolbar DIV elements for the ckeditor are not even created and no errors exist. </p>
  
  <p>PS. If i make any other element editable outside my controller scope, everything works well. </p>