title: How to use summernote with angularjs
body: <p>I would use <a href="https://summernote.org/" rel="nofollow noreferrer">summernote</a> with AngularJS. I have found <a href="https://github.com/outsideris/angular-summernote" rel="nofollow noreferrer">https://github.com/outsideris/angular-summernote</a>, but this doesn't work for me. The only thing I get is an Error</p>
  
  <blockquote>
    <p>Error: undefined is not a function (evaluating 'element.summernote(summernoteConfig)')</p>
  </blockquote>
  
  <p>I have included all required files like jquery, bootstrap, summernote, etc.</p>
  
  <p>My second idea was to use summer note without the angular-summernote directive. But also that shouldn't work perfectly.</p>
  
  <p>If I try</p>
  
  <pre><code>$(document).ready(function() {
    $('.summernote').summernote();
  });
  </code></pre>
  
  <p>summernote doesn't work, but If I try sth. like</p>
  
  <pre><code>$.getScript('//cdnjs.cloudflare.com/ajax/libs/summernote/0.5.1/summernote.min.js',function(){
    $('#summernote').summernote();
  });
  </code></pre>
  
  <p>it works, but I would use my local copy of summernote so the second one isn't that what I need</p>
  
  <p>Hope you understood my problem and thanks for any help
  Rico</p>