Image Editor - Githubissues

OrchardCMS / OrchardCore

Orchard Core is an open-source modular and multi-tenant application framework built with ASP.NET Core, and a content management system (CMS) built on top of that framework.

https://orchardcore.net

BSD 3-Clause "New" or "Revised" License

7.24k stars 2.34k forks source link

Image Editor #6180

Open dodyg opened 4 years ago

dodyg commented 4 years ago

Does this functionality exist in Orchard Core? I found this blog post on Orchard 1.7 (https://www.davidhayden.me/blog/media-manager-and-image-editor-in-orchard-cms-1.7)

hishamco commented 4 years ago

This is a good enhancement for Media module, which is suited after 1.0.0 release

dodyg commented 4 years ago

I think this is the code in Orchard

https://github.com/OrchardCMS/Orchard/blob/dev/src/Orchard.Web/Modules/Orchard.MediaProcessing/Controllers/AdminController.cs

sebastienros commented 4 years ago

Migrate it ! There might be better libraries than Caiman nowadays. But please keep it client-side only.

dodyg commented 4 years ago

CamanJS is no longer maintained (https://github.com/meltingice/CamanJS). I will take a look for alternatives.

dodyg commented 4 years ago

https://github.com/fabricjs/fabric.js

dodyg commented 4 years ago

I am truly lost trying to solve this problem. Bleh.

The steps that needs to be done is: Route A

Select an image from desktop
Show it on the editor
Resize it using Canvas.
Upload it

Route B

Select an image from the media library
Show it on the editor
Resize it using Canvas.
Save it back to the media library.

Route C

Create an editor page
Create an Image Processing field that picks up the entry somehow of a media field thumbnail location
This processing field contains a link to the editor page with the path of the image
When user clicks, open the editor page and have them manipulate and save the image there.
When they are done, return to the original form.

dodyg commented 4 years ago