Struggling to integrate CKEditor into my Angular project, as I keep encountering the error message "CKEDITOR is not

Question

These are the steps I followed:

1) To begin, I added the ng-ckeditor.min.js file to my project.

2) Next, I included it in the page using the following code:

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

3) I then added the dependency to the module like this:

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

Upon checking my console, I encountered an error stating "CKEDITOR is not defined" within the ng-ckeditor.min.js file itself.

For more information, please visit the project's Github page:

Any assistance with this issue would be greatly appreciated. Thank you in advance.

Answer 1

Answer №1

Make sure to include the ckeditor.js file manually in your HTML document.

First, locate the section in your index.html file that is managed by bower, which is usually identified by opening and closing comments.

Insert the following lines above this section:

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

Keep in mind that the relative path may vary depending on your system configuration.

Answer 2

Make sure to include the ckeditor.js file manually in your HTML document.

First, locate the section in your index.html file that is managed by bower, which is usually identified by opening and closing comments.

Insert the following lines above this section:

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

Keep in mind that the relative path may vary depending on your system configuration.