2015-12-14 29 views
9

Khi cố gắng sử dụng ckeditor lần đầu tiên. ckeditor hoạt động, nhưng khi tôi cố gắng thêm imageupload và uploadloadwidget plugins sau đó tôi nhận được lỗi: lỗi chưa gặp: Không thể đọc thuộc 'biểu tượng' nullckeditor - Uncaught TypeError: Không thể đọc các biểu tượng thuộc tính 'null'

Có ai có bất kỳ ý tưởng như những gì có thể gây ra nó?

<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

Đây có phải là các plugin chính thức không? Vì không có tải lên hình ảnh, nhưng tải lên. Bạn đã sao chép chúng trong máy chủ của riêng bạn? Ngoài ra, uploadwidget có phụ thuộc cho các plugin khác, không tồn tại trong phiên bản cơ bản. – Wizard

Trả lời

1

Vui lòng hãy xem http://ckeditor.com/addon/uploadimage này và điều này http://sdk.ckeditor.com/samples/fileupload.html#uploading-dropped-and-pasted-images để tham khảo.

Bạn sẽ phải thiết lập url upload và kích hoạt các plugin uploadimage trong configs như thế này:

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. 

Các tài liệu có thông tin thêm về điều này và làm thế nào để xử lý các tình huống khác nhau

+0

@ simon831 vui lòng tham khảo trang web ckeditor để triển khai. Tôi đã cung cấp các liên kết đến số – Daniel

0

Hãy chắc chắn rằng con đường của bạn đã chỉ vào một tập tin biểu tượng hợp lệ, là nó .ico? hoặc .png? nếu không đặt đường dẫn của bạn thành tệp hình ảnh/biểu tượng hợp lệ. Điều này sẽ giải quyết vấn đề.

0

Quá muộn đối với áp phích gốc, nhưng tôi đã gặp phải sự cố tương tự này và hóa ra là tôi chưa đưa plugin UploadWidget mà UploadImage phụ thuộc vào.

+1

Không bao giờ quá muộn, chỉ có các phản hồi được xem xét tốt .... – simon831

Các vấn đề liên quan