title: How to use ckeditor in angular JS app?
body: <p>I'm an angularJS newbie and i need to use ckeditor for a textarea in my app.</p>
  
  <p>Before i've tried it on the angular app i've done a "html only" webpage.
  I've generated my ckeditor package <a href="http://ckeditor.com/builder" rel="noreferrer">here</a> and added the needed tags (as below) and it works like a charm.</p>
  
  <pre><code>&lt;!DOCTYPE HTML&gt;
  &lt;html&gt;
  &lt;head&gt;
          &lt;title&gt;CKEditor test page&lt;/title&gt;
          &lt;meta charset="utf-8"&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;script src='./ckeditor/ckeditor.js'&gt;&lt;/script&gt;
          &lt;div&gt;
            &lt;form&gt;
                &lt;label&gt;Text input&lt;/label&gt;
                &lt;textarea name="text" id='editor1' class="ckeditor"&gt;&lt;/textarea&gt;
                &lt;input type="submit" method="GET"&gt;
            &lt;/form&gt;
            &lt;script&gt;
                CKEDITOR.replace('editor1');
            &lt;/script&gt;
          &lt;/div&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><strong>Now i'm trying to use ckeditor for a single text area of one of the tpl "views" for my angular project and i can't get it work :(
  Here's the content of the tpl.html view:</strong></p>
  
  <pre><code>&lt;script src='./ckeditor/ckeditor.js'&gt;&lt;/script&gt;
  
  &lt;div class="container"&gt;
      &lt;div class="page-header"&gt;
          &lt;h2&gt;Title&lt;/h2&gt;
      &lt;/div&gt;
      &lt;form role="form" class="input_form"&gt;
          &lt;accordion&gt;
              &lt;accordion-group heading="Add content" is-open="false"&gt;
                  &lt;div class="form-group"&gt;
                      &lt;label class="control-label"&gt;TEXT INPUT&lt;/label&gt;
                      &lt;textarea id='test' class="form-control"  rows="3" ng-model="data.body"
                                placeholder="Write your text here!"/&gt;&lt;/textarea&gt;
                  &lt;/div&gt;
              &lt;/accordion-group&gt;
          &lt;/accordion&gt;
          &lt;div class="text-right"&gt;
              &lt;a ng-click="submitText()" class="btn btn-primary"&gt;Send text&lt;/a&gt;
          &lt;/div&gt;
      &lt;/form&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>What is the most basic approach to get ckeditor working with an angularJS app? Could it be installing any of these directives?
  <a href="http://github.com/esvit/ng-ckeditor" rel="noreferrer">http://github.com/esvit/ng-ckeditor</a>
  <a href="http://github.com/lemonde/angular-ckeditor" rel="noreferrer">http://github.com/lemonde/angular-ckeditor</a></p>
  
  <p>Any help would be welcome :)</p>