title: Enable and disable CKEditor Inline editing using Angular
body: <p>How can I enable or disable ckeditor.inline on a div based on a click of a button/link.</p>
  
  <p>This is how I would achieve it in jquery but can't figure it out using angular.</p>
  
  <pre><code>$('.toggle-edit').click(function(e){ 
    var id_editedDiv = $(this).data('editTarget');
    var editedDiv = '#' + id_editedDiv;
  
    if( $(editedDiv).attr('contenteditable') == 'true' )
    {
      $(editedDiv).attr('contenteditable','false');
      CKEDITOR.instances.id_editedDiv.destroy();
      $(this).text('Start Editing');
    }
    else
    {
      $(editedDiv).attr('contenteditable','true');
      CKEDITOR.inline( id_editedDiv );
      $(this).text('Finish Editing');
    }
  });
  </code></pre>
  
  <p>This is how I achieved the result.</p>
  
  <p><a href="https://plnkr.co/edit/YUOYGa?p=preview" rel="nofollow">https://plnkr.co/edit/YUOYGa?p=preview</a></p>
  
  <p>But now I need to figure out how to bind the model to the CKEditor so that my changes are updated in the model when I hit save.</p>