Browse Source

update docs and dev example

Artur Paikin 4 years ago
parent
commit
b48757b50c

+ 2 - 0
examples/dev/Dashboard.js

@@ -15,6 +15,7 @@ const AwsS3Multipart = require('@uppy/aws-s3-multipart/src')
 const XHRUpload = require('@uppy/xhr-upload/src')
 const Transloadit = require('@uppy/transloadit/src')
 const Form = require('@uppy/form/src')
+const ImageEditor = require('@uppy/image-editor/src')
 
 // DEV CONFIG: pick an uploader
 
@@ -70,6 +71,7 @@ module.exports = () => {
     .use(Webcam, { target: Dashboard })
     .use(ScreenCapture, { target: Dashboard })
     .use(Form, { target: '#upload-form' })
+    .use(ImageEditor, { target: Dashboard })
 
   switch (UPLOADER) {
     case 'tus':

+ 2 - 2
website/src/docs/image-editor.md

@@ -14,7 +14,7 @@ Designed to be used with the Dashboard UI (can in theory work without it).
 
 ⚠ In beta.
 
-![Screenshor of the image editor in Dashboard](https://user-images.githubusercontent.com/1199054/87208710-654db400-c307-11ea-9471-6e3c6582d2a5.png)
+![Screenshor of the Image Editor plugin UI in Dashboard](https://user-images.githubusercontent.com/1199054/87208710-654db400-c307-11ea-9471-6e3c6582d2a5.png)
 
 ```js
 const Uppy = require('@uppy/core')
@@ -25,7 +25,7 @@ const uppy = Uppy()
 uppy.use(Dashboard)
 uppy.use(ImageEditor, { 
   target: Dashboard,
-  quality: 0.7
+  quality: 0.8
 })
 ```
 

+ 2 - 0
website/src/examples/dashboard/index.ejs

@@ -31,6 +31,7 @@ const Facebook = require('@uppy/facebook')
 const OneDrive = require('@uppy/onedrive')
 const Webcam = require('@uppy/webcam')
 const ScreenCapture = require('@uppy/screen-capture')
+const ImageEditor = require('@uppy/image-editor')
 const Tus = require('@uppy/tus')
 
 const uppy = Uppy({
@@ -64,6 +65,7 @@ const uppy = Uppy({
 .use(OneDrive, { target: Dashboard, companionUrl: 'https://companion.uppy.io' })
 .use(Webcam, { target: Dashboard })
 .use(ScreenCapture, { target: Dashboard })
+.use(ImageEditor, { target: Dashboard })
 .use(Tus, { endpoint: 'https://master.tus.io/files/' })
 
 uppy.on('complete', result => {