Search code examples
javascriptangularjssummernote

Unable to use angular-summernote summarnote function undefined

I am using Summernote Angular directive. However, for some reason it is not working.

Problem:

It is unable to identify the summarnote function...

enter image description here

<summernote code="text"></summernote>

<script src="components/bower_components/summernote/dist/summernote.js"></script>
<script src="components/bower_components/angular-summernote/src/angular-summernote.js"></script>

ypeError: undefined is not a function
    at activate (http://localhost/tm/app/components/bower_components/angular-summernote/src/angular-summernote.js:57:15)
    at link (http://localhost/tm/app/components/bower_components/angular-summernote/src/angular-summernote.js:129:30)
    at http://localhost/tm/Scripts/angular.js:7113:44
    at nodeLinkFn (http://localhost/tm/Scripts/angular.js:6711:13)
    at compositeLinkFn (http://localhost/tm/Scripts/angular.js:6105:13)
    at compositeLinkFn (http://localhost/tm/Scripts/angular.js:6108:13)
    at nodeLinkFn (http://localhost/tm/Scripts/angular.js:6705:24)
    at compositeLinkFn (http://localhost/tm/Scripts/angular.js:6105:13)
    at publicLinkFn (http://localhost/tm/Scripts/angular.js:6001:30)
    at link (http://localhost/tm/Scripts/angular-route.js:918:7) <div class="summernote ng-isolate-scope" code="text"> angular.js:10071

The directive that I am currently using is: https://github.com/outsideris/angular-summernote/blob/master/src/angular-summernote.js

Can you suggest any better alternative if this is not the right solution.

I have also tried with: 

<script src="components/bower_components/angular/angular.js"></script>
<script src="components/bower_components/summernote/dist/summernote.js"></script>
<script src="components/bower_components/angular-summernote/dist/angular-summernote.min.js"></script>
Solution

  • This worked for me, it might work for you too:

    change:

    <script src="components/bower_components/summernote/dist/summernote.js"></script>
<script src="components/bower_components/angular-summernote/src/angular-summernote.js"></script>

    to:

    <script src="components/bower_components/summernote/dist/summernote.js"></script>
<script src="components/bower_components/angular-summernote/dist/angular-summernote.min.js">

    The exact flow was running:

    bower install summernote
bower install angular-summernote

    and then:

    <script src="components/bower_components/summernote/dist/summernote.js"></script>
<script src="components/bower_components/angular-summernote/dist/angular-summernote.min.js">