Ckeditor in browser: major dir error
in package.json
:
"browser": {
"ckeditor": "./public/ckeditor/ckeditor.js",
"bootstrap": "./public/bootstrap/js/bootstrap.js"
}
in the source file browserify
coffee-script
:
$ = jQuery = require 'jquery-browserify'
ckeditor = require 'ckeditor'
jqueryCkeditor = require '../ckeditor/adapters/jquery.js'
$('#Info').ckeditor()
Errors in the Chrome browser console:
Failed to load resource: the server responded with a status of 404 (Not Found) http://localhost:4042/config.js?t=E7KD
Failed to load resource: the server responded with a status of 404 (Not Found) http://localhost:4042/skins/moono/editor.css?t=E7KD
Failed to load resource: the server responded with a status of 404 (Not Found) http://localhost:4042/lang/en.js?t=E7KD
Uncaught TypeError: Cannot set property 'dir' of undefined ckeditor.js:219
Failed to load resource: the server responded with a status of 404 (Not Found) http://localhost:4042/skins/moono/editor.css?t=E7KD
It seems that the ckeditor
gun is your home directory: /ckeditor
. How to do it?
Update
working source code:
$ = jQuery = require 'jquery'
window.CKEDITOR_BASEPATH = '/ckeditor/'
ckeditor = require 'ckeditor'
jqueryCkeditor = require '../ckeditor/adapters/jquery.js'
$ ->
CKEDITOR.replace("Info")
+3
source to share
1 answer
You may need to specify the path manually - http://docs.ckeditor.com/#!/guide/dev_basepath
window.CKEDITOR_BASEPATH = './public/ckeditor/';
+5
source to share