how to insert image in editor wyswg?
-
how to insert image in editor wyswg?
-
Can anyone answer this problem? because I have the same problem
-
At the moment you will have to handle all of this on your own. Basically you need to attach blobreader functionality to the onpaste / ondrop event to the editor. There is a plan to make an advanced WYSIWIG - but we have a few other things that are top priority at the moment. Maybe late this summer / early Fall we will find time to do it.
Its not exactly trivial, because you will probably also want to upload the image to your server and then return the url from the server. I did some work on something similar for v0.17 - the approach is still the same. The front-end code on that project is GPL, so if you use it you will be bound to retain the GPL license and the JSDoc function headers. If you make adaptations you will also have to contribute that back to utopian-io. Anyway, here you go:
https://github.com/utopian-io/colony/blob/develop/packages/client/src/components/form/wysiwyg.vue
-
@nothingismagick @adhityaramadian @donvie
Well, if you only want to embed base64 image than there is a simple solution for this editor in here:https://forum.quasar-framework.org/topic/2019/how-to-insert-image-in-editor-wysiwyg/7
If there are plans to write another WYSIWYG editor from scratch, please consider wraping this excellent Vue editor as an App Extension:
-
@qyloxe - you can wrap it as an extension yourself! Would love to see what you can do with that!
-
@nothingismagick definitely I could wrap that or help in wrapping, but I do not want to have three WYSIWYG editors in Quasar - old and simple, new advanced written from scratch by core team, and new AE based on tiptap and maintained by community. It would be counterproductive obviously.
-
If there are plans to write another WYSIWYG editor from scratch, please consider wraping this excellent Vue editor as an App Extension: https://tiptap.scrumpy.io/
I thought you were suggesting just that. If you are indeed concerned about what gets into Quasar, then I invite you to join us on the discord server and continue the discussion with us there. At any rate, we won’t be incorporating any 3rd party components into quasar core. The only way to do this would be to make an app-extension, and the core team is entirely swamped at the moment.
-
@nothingismagick said in how to insert image in editor wyswg?:
At any rate, we won’t be incorporating any 3rd party components into quasar core. The only way to do this would be to make an app-extension, and the core team is entirely swamped at the moment.
Funny, that’s exactly what I thought, and was surprised when you wrote about planned advanced WYSIWYG editor.
I will be needing tiptap in a few weeks. Firstly I’ll see how it works as a simple Vue component, but I would prefer to have it in AE version, because with AE you could deal with server/backend configuration (ie uploads, collaboration, endpoints). With AE mechanics, I will need some help. Will be in touch then. Thanks.
