2015-12-14 6 views
9

ckeditorを初めて使用しようとしています。 CKEditorバージョンの作品が、私はimageuploadとuploadloadwidgetプラグインを追加しようとすると、私はエラーを取得: 捕捉されない例外TypeErrorを:プロパティを読み取ることができません。ヌルckeditor - Uncaught 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>

+0

これらは公式のプラグインですか?画像アップロードはありませんが、アップロード画像はありません。自分のサーバーにコピーしましたか?また、uploadwidgetは基本版には存在しない他のプラグインに依存しています。 – Wizard

答えて

1

親切に参考のために、このhttp://ckeditor.com/addon/uploadimageこのhttp://sdk.ckeditor.com/samples/fileupload.html#uploading-dropped-and-pasted-images を見てみましょう。

あなたはセットアップにアップロードURLを持っており、このようなコンフィグで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. 

ドキュメントがどのように異なるシナリオ

+0

@ simon831実装については、ckeditorサイトを参照してください。私はこのへのリンクを提供した – Daniel

0

ていることを確認してくださいを処理するために、これと詳細を持っているがあなたのパスは有効なアイコンファイルを指しています、それは.icoですか?または.png?有効な画像/アイコンファイルへのパスを設定していない場合。これは問題を解決するはずです。

0

元のポスターにはまだ時間がかかりましたが、同じ問題があり、UploadImageが依存していたUploadWidget pluginは含まれていませんでした。

+1

あまりにも遅く、決してよく考えられた応答がある.... – simon831

関連する問題