trying to add ckeditor to my angular application - getting CKEDITOR is not defined

Question

Here are the steps that I took:

1)First I added the ng-ckeditor.min.js into my project

2)I included it into the page like so:

<script type="text/javascript" src="Scripts/ng-ckeditor.min.js"></script>

3) I added the dependancy into the module like this:

var summariesApp = angular.module('summariesApp', ['ui.bootstrap', 'ngCkeditor']);

I am getting an error in my console: "CKEDITOR is not defined". The error is in ng-ckeditor.min.js itself.

Here is the Github:

Any help with this is appreciated. Thanks in advance.

did you include the script before or after you included angular? — Ronnie
– Ronnie, Commented Nov 7, 2014 at 19:02
Have you made sure that your ckeditor script is after angular script? — Sap
– Sap, Commented Nov 7, 2014 at 19:03

Ami Heines · Accepted Answer · 2015-02-22 16:12:30Z

1

You should manually add a reference to the actual ckeditor.js file in your html file.

open the index.html and look for the section which is managed by bower - it is marked with an opening and a closing comment.

add these lines above this section,

<!-- manually added js files -->
<script src="bower_components/ng-ckeditor/libs/ckeditor/ckeditor.js"></script>

note the relative path which might not be exactly as on my machine.

answered Feb 22, 2015 at 16:12

Ami Heines

5108 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1