2015-12-14 10 views
9

Quando si tenta di utilizzare ckeditor per la prima volta. CKEditor funziona, ma quando provo ad aggiungere imageupload e uploadloadwidget plugin quindi ottengo l'errore: Uncaught TypeError: Impossibile leggere 'icone' di proprietà di nullckeditor - Uncaught TypeError: Impossibile leggere la proprietà 'icons' di null

Qualcuno ha qualche idea su cosa potrebbe essere la causa vero?

<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>

+0

Questi sono i plugin ufficiali? Perché non c'è imageupload, ma uploadimage. Li hai copiati nel tuo server? Inoltre, uploadwidget ha dipendenze per altri plugin, che non esistono nella versione base. – Wizard

risposta

1

Gentilmente un'occhiata a questo http://ckeditor.com/addon/uploadimage e questo http://sdk.ckeditor.com/samples/fileupload.html#uploading-dropped-and-pasted-images per riferimento.

Dovrete impostare l'URL di upload e di abilitare il plugin uploadImage nelle configurazioni in questo modo:

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. 

La documentazione ha più informazioni su questo e come gestire diversi scenari

+0

@ simon831 si prega di fare riferimento al sito ckeditor per l'implementazione. Ho fornito i collegamenti a questo – Daniel

0

Assicurarsi il tuo percorso ha indicato un file di icone valido, è .ico? o .png? se non si imposta il percorso per il file immagine/icona valido. Questo dovrebbe risolvere il problema.

0

Troppo tardi per il poster originale, ma ho avuto lo stesso problema e si è scoperto che non avevo incluso il plug-in UploadWidget dal quale dipendeva UploadImage.

+1

Non è mai troppo tardi, ci sono solo risposte ben ponderate .... – simon831

Problemi correlati