Add tab for file upload

[tiotdev]

I am currently using both https://github.com/editor-js/image and this tool since I want to offer both upload from file and Unsplash search. I would prefer to have image upload from file like in editorjs-image available as first tab in this tool.

[moazam1]

+1

[taurenshaman]

I created a hard fork, which adds image upload based on flow.js and search on current server.

• Default: search on (current deployed) server. (need more test)
• Unsplash
• Upload (works well)
• Embed URL

Default and Upload are both using defaultClient.js.

[moazam1]

@taurenshaman brilliant. Can you add an option to hide tab(s)?

[taurenshaman]

@taurenshaman brilliant. Can you add an option to hide tab(s)?

I made some break changes to the code, so you can follow these 2 steps:

1. add a property like supportEmbedUrl to the config:

   const editor = EditorJS({
   tools: {
     image: {
       class: InlineImage,
       inlineToolbar: true,
       config: {
         unsplash: {
           appName: 'your_app_name',
           clientId: 'your_client_id'
         },
         supportEmbedUrl: true
       }
     }
   }
   });

2. update the render() function in controlPanel.js:

   // 2.1 tab
   if(this.config.supportEmbedUrl)
     tabWrapper.appendChild(embedUrlTab);
   // 2.2 panel
   if(this.config.supportEmbedUrl)
     wrapper.appendChild(embedUrlPanel);

effect:

[juanhurtado10]

Hey @tiotdev !! Thanks for reaching out. I've looked at your fork and looks great!. By now, this plugin is intended to be used just with inline images not uploaded ones. Best!!