pourquoi / ckeditor5-simple-upload Goto Github PK

Hi! How I can add toolbar button for your plugin?

PR: #7

my function looks like this, but seems could not get the image
public function store(Request $request)
{
$files = [];

    $file = $request->file('file');
    $uploaded = [];

    //process image
    return response()->json($uploaded);

}

My Script

is it possible to add the plugin through source/cdn?

PR: #5

Hi,
I'm having troubles installing the plugin with the latest ckeditor build, seems like the plugin is not being loaded.

I've created a simple repo ( a ckeditor5-build-classic fork):

https://github.com/villagra/ckeditor5-build-classic

Followed the instructions:

npm install 
npm install ckeditor5-simple-upload

modify ckeditor.js file
https://github.com/villagra/ckeditor5-build-classic/blob/master/src/ckeditor.js

add the plugin to the editor:
https://github.com/villagra/ckeditor5-build-classic/blob/master/sample/index.html#L31

But the plugin doesn't load. Any ideas?

I am trying to implement this uploader however I got this error:

TypeError: this.loader.file.then is not a function
I think file repo related issue but could not find the source.

Also which is the Image plugin you are referring to?
I added import ImageUpload from '@ckeditor/ckeditor5-image/src/imageupload';

ClassicEditor.builtinPlugins = [
	Essentials,
	UploadAdapter,
	Autoformat,
	Bold,
	Italic,
	BlockQuote,
//	CKFinder,
//	EasyImage,
	Heading,
    Image,
    SimpleuploadPlugin
    // ...
]

I have integrated this in my react application and image is getting uploaded and I am able to show it up in editor.

1. Image is occupying full size of editor and I am unable to write any text. Can you suggest something for this like resizing of image etc.
2. Can we show spinner by the time image is uploading to server?
3. Image Upload button on toolbar not working. ON click of it no error is logged in console or anywhere. Just screen flickers for a sec that's it.

Thanks.

Not able to load toolbar insertImage

Build CKeditor5 classic 1.0.0-beta.1

Not sure do I configure correctly or not

how to add a custom class attribute like

class="img-fluid"

is it achievable through your plugin or through the ckeditor5

CKEditorError: model-selection-set-ranges-not-range: Selection range set to an object that is not an instance of model.Range.

We are trying to integrate it in our react application. Able to integrate it in UI and able to drag and drop image but request is not reaching to REST API end point and ended with error popup
(attached error_popup.jpg).

S0 when I try to drag and drop image, request ends up with HTTP 500, internal server error but not reaching my rest api end point. Attached is the Sample Rest API method snippet for ref. I was not sure what would be the data type of upload parameter which will be sent by UI so using Object.

Also attached is the error logged in Network console while trying to drag and drop image.

Please help.


ckeditor.txt

Above added UI Ckedtior file and errors screenshots.

Below is the code snippet of rest api end point.

[HttpPost]
public HttpResponseMessage ImageUpload([FromBody] Object upload)
{
var imageUrl = "YOUR-FILESERVER-URL";

        return Request.CreateResponse(HttpStatusCode.OK, new { uploaded = true, url = imageUrl });
    } 

Having this warning on ckeditor5-build-classic v12.3.1

plugincollection-plugin-name-conflict: Two plugins with the same name were loaded. Read more: https://ckeditor.com/docs/ckeditor5/latest/framework/guides/support/error-codes.html#error-plugincollection-plugin-name-conflict
{pluginName: "PendingActions", plugin1: ƒ, plugin2: ƒ}

plugincollection-plugin-name-conflict: Two plugins with the same name were loaded. Read more: https://ckeditor.com/docs/ckeditor5/latest/framework/guides/support/error-codes.html#error-plugincollection-plugin-name-conflict
{pluginName: "FileRepository", plugin1: ƒ, plugin2: ƒ}