2015-12-14 14 views
9

Podczas próby użycia programu CKeditor po raz pierwszy. CKEditor działa, ale gdy próbuję dodać ImageUpload i uploadloadwidget wtyczek następnie pojawia się błąd: Uncaught TypeError: nie można odczytać własności „ikony” nullckeditor - Uncaught TypeError: Nie można odczytać właściwości "ikon" o wartości zerowej

Czy ktoś ma jakieś pomysły, co może być przyczyną to?

<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

Czy to są oficjalne wtyczki? Ponieważ nie ma obrazu, ale upload obrazu. Czy skopiowałeś je na swój własny serwer? Ponadto uploadwidget ma zależności dla innych wtyczek, które nie istnieją w wersji podstawowej. – Wizard

Odpowiedz

1

Prosimy przyjrzeć się tej http://ckeditor.com/addon/uploadimage i ten http://sdk.ckeditor.com/samples/fileupload.html#uploading-dropped-and-pasted-images celach informacyjnych.

Będziesz musiał ustawić adres URL przesyłania i włączyć wtyczkę uploadimage w configs takiego:

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. 

Docs ma więcej informacji na ten temat i jak obsługiwać różne scenariusze

+0

@ simon831 proszę odnieść się do strony cKeditor do realizacji. Dostarczyłem linki do tego – Daniel

0

Upewnij twoja ścieżka wskazuje na poprawny plik ikony, czy to jest .ico? lub .png? jeśli nie, ustaw ścieżkę do prawidłowego pliku obrazu/ikony. To powinno rozwiązać problem.

0

Zbyt późno na oryginalny plakat, ale miałem ten sam problem i okazało się, że nie uwzględniłem zalewania programu UploadWidget, od którego zależało działanie programu UploadImage.

+1

Nigdy nie za późno, są tylko dobrze przemyślane odpowiedzi .... – simon831

Powiązane problemy