当第一次尝试使用ckeditor时.ckeditor工作,但当我尝试添加imageupload和uploadloadwidget插件时,我得到错误: 未捕获的TypeError:无法读取null的属性'icons'
有没有人对可能导致它的原因有任何想法?
<script src="//cdn.ckeditor.com/4.5.6/basic/ckeditor.js"></script>
<script>
$(document).ready(function () {
CKEDITOR.plugins.addExternal('imageupload', '/ckeditor/plugins/imageupload/');
CKEDITOR.plugins.addExternal('uploadwidget', '/ckeditor/plugins/uploadwidget/');
CKEDITOR.replace('htmleditor', {
htmlEncodeOutput: true,
extraPlugins: 'imageupload,uploadwidget'
});
});
</script>Run Code Online (Sandbox Code Playgroud)
请查看此http://ckeditor.com/addon/uploadimage和此http://sdk.ckeditor.com/samples/fileupload.html#uploading-dropped-and-pasted-images 以供参考。
您必须设置上传网址并在配置中启用 uploadimage 插件,如下所示:
config.extraPlugins = 'uploadimage';
config.imageUploadUrl = '/uploader/upload.php?type=Images';
editor.on( 'fileUploadRequest', function( evt ) {
var fileLoader = evt.data.fileLoader,
formData = new FormData(),
xhr = fileLoader.xhr;
xhr.open( 'PUT', fileLoader.uploadUrl, true );
formData.append( 'upload', fileLoader.file, fileLoader.fileName );
fileLoader.xhr.send( formData );
// Prevented the default behavior.
evt.stop();
}, null, null, 4 ); // Listener with a priority 4 will be executed before priority 5.
Run Code Online (Sandbox Code Playgroud)
该文档提供了有关此内容以及如何处理不同场景的更多信息