ckeditor5-simple-upload's People
Forkers
zemelia mjadobson player0k natehsu cienti tulipden712 araneadev woisk ensecoz robin-dongbin tfx rashidfornajah centaur54dev villagra rampapampapampapam jesse-zheng developerniralckeditor5-simple-upload's Issues
Not able to load toolbar insertImage
Need to update CKEditor dependencies.
PR: #7
Toolbar button
Hi! How I can add toolbar button for your plugin?
TypeError: this.loader.file.then is not a function
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
// ...
]
Plugin not being loaded with latest ckeditor
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?
Uploaded Image take full space of editor
I have integrated this in my react application and image is getting uploaded and I am able to show it up in editor.
- 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.
- Can we show spinner by the time image is uploading to server?
- 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.
Install plugin from the source
is it possible to add the plugin through source/cdn?
How do I get the uploaded image?
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
<script> ClassicEditor.create( document.querySelector( '#inputContent' ), { simpleUpload: { uploadUrl: '{{ route('api.photos.store') }}' } }) .then( editor => { window.editor = editor; }) .catch( err => { console.error( err.stack ); }); </script>get error after build
CKEditorError: model-selection-set-ranges-not-range: Selection range set to an object that is not an instance of model.Range.
Plugin not populating the url in the returned content after upload when not running locally
how to add custom class attribute
how to add a custom class attribute like
class="img-fluid"
is it achievable through your plugin or through the ckeditor5
What is the signature of REST API Method
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 });
}
plugincollection-plugin-name-conflict: Two plugins with the same
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: ƒ}
Missed withCredentials option, as it needed for access check on back-end side in some cases.
PR: #5
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.