I am trying to use ckfinder and I am getting error

Question

I am using var ckEditorCdn: string ="//cdn.ckeditor.com/4.19.1/full-all/ckeditor.js";

SPComponentLoader.loadScript(ckEditorCdn, { globalExportsName: "CKEDITOR", }).then((CKEDITOR: any): void => { if (this.properties.inline == null || this.properties.inline === false) {

  var editor = CKEDITOR.replace(this.guid + "-editor",
    {
    scayt_autoStartup: true,
    skin: "moono-lisa,//cdn.ckeditor.com/4.19.1/full-all/skins/moono-lisa/",
    height: '500px',
      
      
      
    
      
   filebrowserBrowseUrl:'/ckfinder/ckfinder.html',
     filebrowserUploadUrl: '/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files',
     filebrowserImageBrowseUrl: '/ckfinder/ckfinder.html?type=Images',
    filebrowserFlashBrowseUrl: '/ckfinder/ckfinder.html?type=Flash',
     filebrowserImageUploadUrl:'/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Images',
    filebrowserFlashUploadUrl:'/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Flash',
    
    filebrowserWindowWidth: '1000',
    filebrowserWindowHeight: '700'
  });
}

I am not able to copy paste image directly into page, i am getting error as: image

If I click on image option -> click on upload -> choose an image from local folder -> click on send it to server -> getting same error as HTTP error occurred while file upload(404 : file not found).

Can anyone tell me what mistake I am doing here.

I found a way around, i tried using:

    filebrowserImageBrowseUrl: '//ckeditor.com/apps/ckfinder/3.4.5/ckfinder.html?type=Images',

//using a folder from my sharepoint site. filebrowserBrowseUrl: '/sites/HSAHandbooks/PublishingImages/Forms/Thumbnails.aspx',

      filebrowserUploadUrl: '//ckeditor.com/apps/ckfinder/3.4.5/core/connector/php/connector.php?command=QuickUpload&type=Files',
      
      filebrowserImageUploadUrl: '//ckeditor.com/apps/ckfinder/3.4.5/core/connector/php/connector.php?command=QuickUpload&type=Images',

I am able to copy paste the images directly, when i click on image option and choose browse server, it takes me to the path i mentioned and i can copy the link and use it to insert image. when i click on image option -> choose upload -> choose an image from local folder - > click on send it to server - this works and the image gets stored in : https://ckeditor.com/apps/ckfinder/3.4.5/ckfinder.html?type=Images&CKEditor=editor1&CKEditorFuncNum=0&langCode=en

The above page can be accessed by anyone globally so, its not helpful for me.

Please help me out..

I am trying to use ckfinder and I am getting error

0 Answers0