diff --git a/package.json b/package.json
index 0ada08f7..af79b992 100644
--- a/package.json
+++ b/package.json
@@ -251,6 +251,16 @@
               "outputType": {
                 "type": "string",
                 "description": "The type of output for the editor panel. Can be used to change it to 'markdown' for example"
+              },
+              "type": {
+                "type": "string",
+                "default": "article",
+                "enum": [
+                  "article",
+                  "mediaFolder",
+                  "mediaFile"
+                ],
+                "description": "The type for which the script will be used."
               }
             },
             "additionalProperties": false,
diff --git a/src/commands/Dashboard.ts b/src/commands/Dashboard.ts
index 148b596f..13950633 100644
--- a/src/commands/Dashboard.ts
+++ b/src/commands/Dashboard.ts
@@ -1,10 +1,10 @@
-import { SETTINGS_CONTENT_STATIC_FOLDER, SETTING_DATE_FIELD, SETTING_SEO_DESCRIPTION_FIELD, SETTINGS_DASHBOARD_OPENONSTART, SETTINGS_DASHBOARD_MEDIA_SNIPPET, SETTING_TAXONOMY_CONTENT_TYPES, DefaultFields, HOME_PAGE_NAVIGATION_ID, ExtensionState, COMMAND_NAME, SETTINGS_FRAMEWORK_ID, SETTINGS_CONTENT_DRAFT_FIELD, SETTINGS_CONTENT_SORTING, CONTEXT } from '../constants';
+import { SETTINGS_CONTENT_STATIC_FOLDER, SETTING_DATE_FIELD, SETTING_SEO_DESCRIPTION_FIELD, SETTINGS_DASHBOARD_OPENONSTART, SETTINGS_DASHBOARD_MEDIA_SNIPPET, SETTING_TAXONOMY_CONTENT_TYPES, DefaultFields, HOME_PAGE_NAVIGATION_ID, ExtensionState, COMMAND_NAME, SETTINGS_FRAMEWORK_ID, SETTINGS_CONTENT_DRAFT_FIELD, SETTINGS_CONTENT_SORTING, CONTEXT, SETTING_CUSTOM_SCRIPTS } from '../constants';
 import { ArticleHelper } from './../helpers/ArticleHelper';
 import { basename, dirname, extname, join, parse } from "path";
 import { existsSync, readdirSync, statSync, unlinkSync, writeFileSync } from "fs";
 import { commands, Uri, ViewColumn, Webview, WebviewPanel, window, workspace, env, Position } from "vscode";
 import { Settings as SettingsHelper } from '../helpers';
-import { DraftField, Framework, SortingSetting, SortOrder, SortType, TaxonomyType } from '../models';
+import { CustomScript as ICustomScript, DraftField, Framework, ScriptType, SortingSetting, SortOrder, SortType, TaxonomyType } from '../models';
 import { Folders } from './Folders';
 import { DashboardCommand } from '../dashboardWebView/DashboardCommand';
 import { DashboardMessage } from '../dashboardWebView/DashboardMessage';
@@ -28,6 +28,7 @@ import { ContentType } from '../helpers/ContentType';
 import { SortingOption } from '../dashboardWebView/models';
 import { Sorting } from '../helpers/Sorting';
 import imageSize from 'image-size';
+import { CustomScript } from '../helpers/CustomScript';
 
 export class Dashboard {
   private static webview: WebviewPanel | null = null;
@@ -203,6 +204,9 @@ export class Dashboard {
         case DashboardMessage.setFramework:
           Dashboard.setFramework(msg?.data);
           break;
+        case DashboardMessage.runCustomScript:
+          CustomScript.run(msg?.data?.script, msg?.data?.path);
+          break;
         case DashboardMessage.setState:
           if (msg?.data?.key && msg?.data?.value) {
             Extension.getInstance().setState(msg?.data?.key, msg?.data?.value, "workspace");
@@ -300,6 +304,7 @@ export class Dashboard {
         contentFolders: Folders.get(),
         crntFramework: SettingsHelper.get<string>(SETTINGS_FRAMEWORK_ID),
         framework: (!isInitialized && wsFolder) ? FrameworkDetector.get(wsFolder.fsPath) : null,
+        scripts: (SettingsHelper.get<ICustomScript[]>(SETTING_CUSTOM_SCRIPTS) || []).filter(s => s.type && s.type !== ScriptType.Article),
         dashboardState: {
           contents: {
             sorting: await ext.getState<SortingOption | undefined>(ExtensionState.Dashboard.Contents.Sorting, "workspace")
diff --git a/src/dashboardWebView/DashboardMessage.ts b/src/dashboardWebView/DashboardMessage.ts
index 46ecabcd..23dc81de 100644
--- a/src/dashboardWebView/DashboardMessage.ts
+++ b/src/dashboardWebView/DashboardMessage.ts
@@ -20,4 +20,5 @@ export enum DashboardMessage {
   createMediaFolder = 'createMediaFolder',
   setFramework = 'setFramework',
   setState = 'setState',
+  runCustomScript = 'runCustomScript',
 }
\ No newline at end of file
diff --git a/src/dashboardWebView/components/Media/Item.tsx b/src/dashboardWebView/components/Media/Item.tsx
index de4e8350..b0993aad 100644
--- a/src/dashboardWebView/components/Media/Item.tsx
+++ b/src/dashboardWebView/components/Media/Item.tsx
@@ -1,11 +1,13 @@
 import { Messenger } from '@estruyf/vscode/dist/client';
-import { ClipboardCopyIcon, CodeIcon, PencilIcon, PhotographIcon, PlusCircleIcon, TrashIcon } from '@heroicons/react/outline';
+import { ClipboardCopyIcon, CodeIcon, PencilIcon, PhotographIcon, PlayIcon, PlusCircleIcon, TrashIcon } from '@heroicons/react/outline';
 import { basename, dirname } from 'path';
 import * as React from 'react';
 import { useEffect } from 'react';
 import { useRecoilState, useRecoilValue } from 'recoil';
 import { CompressIcon } from '../../../components/icons/CompressIcon';
+import { CustomScript } from '../../../helpers/CustomScript';
 import { parseWinPath } from '../../../helpers/parseWinPath';
+import { ScriptType } from '../../../models';
 import { MediaInfo } from '../../../models/MediaPaths';
 import { DashboardMessage } from '../../DashboardMessage';
 import { LightboxAtom, PageSelector, SelectedMediaFolderSelector, SettingsSelector, ViewDataSelector } from '../../state';
@@ -62,6 +64,11 @@ export const Item: React.FunctionComponent<IItemProps> = ({media}: React.PropsWi
     Messenger.send(DashboardMessage.copyToClipboard, parseWinPath(relPath) || "");
   };
 
+  const runCustomScript = (script: CustomScript) => {
+    const relPath = getRelPath();
+    Messenger.send(DashboardMessage.runCustomScript, {script, path: relPath});
+  };
+
   const insertToArticle = () => {
     const relPath = getRelPath();
     Messenger.send(DashboardMessage.insertPreviewImage, {
@@ -225,6 +232,19 @@ export const Item: React.FunctionComponent<IItemProps> = ({media}: React.PropsWi
                     <ClipboardCopyIcon className={`h-5 w-5`} />
                     <span className={`sr-only`}>Copy media path</span>
                   </button>
+
+                  {
+                    (settings?.scripts || []).filter(script => script.type === ScriptType.MediaFile).map(script => (
+                      <button 
+                          title={script.title} 
+                          className={`hover:text-teal-900 focus:outline-none`} 
+                          onClick={() => runCustomScript(script)}>
+                        <PlayIcon className={`h-5 w-5`} />
+                        <span className={`sr-only`}>{script.title}</span>
+                      </button>
+                    ))
+                  }
+
                   <button title={`Delete media`} 
                           className={`hover:text-teal-900 focus:outline-none`} 
                           onClick={deleteMedia}>
diff --git a/src/dashboardWebView/models/Settings.ts b/src/dashboardWebView/models/Settings.ts
index e055d2f5..1acd6d75 100644
--- a/src/dashboardWebView/models/Settings.ts
+++ b/src/dashboardWebView/models/Settings.ts
@@ -1,7 +1,7 @@
 import { VersionInfo } from '../../models/VersionInfo';
 import { ViewType } from '../state';
 import { ContentFolder } from '../../models/ContentFolder';
-import { ContentType, DraftField, Framework, SortingSetting } from '../../models';
+import { ContentType, CustomScript, DraftField, Framework, SortingSetting } from '../../models';
 import { SortingOption } from './SortingOption';
 
 export interface Settings { 
@@ -23,6 +23,7 @@ export interface Settings {
   draftField: DraftField | null | undefined;
   customSorting: SortingSetting[] | undefined;
   dashboardState: DashboardState;
+  scripts: CustomScript[];
 }
 
 export interface DashboardState {
diff --git a/src/explorerView/ExplorerView.ts b/src/explorerView/ExplorerView.ts
index 53a50734..40ce973b 100644
--- a/src/explorerView/ExplorerView.ts
+++ b/src/explorerView/ExplorerView.ts
@@ -406,7 +406,7 @@ export class ExplorerView implements WebviewViewProvider, Disposable {
         tags: Settings.get(SETTING_TAXONOMY_TAGS, true) || [],
         categories: Settings.get(SETTING_TAXONOMY_CATEGORIES, true) || [],
         freeform: Settings.get(SETTING_PANEL_FREEFORM),
-        scripts: Settings.get(SETTING_CUSTOM_SCRIPTS),
+        scripts: (Settings.get<ICustomScript[]>(SETTING_CUSTOM_SCRIPTS) || []).filter(s => s.type === "article" || !s.type),
         isInitialized: await Template.isInitialized(),
         modifiedDateUpdate: Settings.get(SETTING_AUTO_UPDATE_DATE) || false,
         writingSettingsEnabled: this.isWritingSettingsEnabled() || false,
diff --git a/src/helpers/CustomScript.ts b/src/helpers/CustomScript.ts
index f12912e7..30e6159a 100644
--- a/src/helpers/CustomScript.ts
+++ b/src/helpers/CustomScript.ts
@@ -1,4 +1,4 @@
-import { CustomScript as ICustomScript } from '../models/PanelSettings';
+import { CustomScript as ICustomScript, ScriptType } from '../models/PanelSettings';
 import { window, env as vscodeEnv, ProgressLocation } from 'vscode';
 import { ArticleHelper } from '.';
 import { Folders } from '../commands/Folders';
@@ -11,18 +11,24 @@ import ContentProvider from '../providers/ContentProvider';
 
 export class CustomScript {
 
-  public static async run(script: ICustomScript): Promise<void> {
+  public static async run(script: ICustomScript, path: string | null = null): Promise<void> {
     const wsFolder = Folders.getWorkspaceFolder();
 
     if (wsFolder) {
       const wsPath = wsFolder.fsPath;
 
-      if (script.bulk) {
-        // Run script on all files
-        CustomScript.bulkRun(wsPath, script);
+      if (script.type === ScriptType.MediaFile) {
+        console.log(path);
+      } else if (script.type === ScriptType.MediaFolder) { 
+        console.log(path);
       } else {
-        // Run script on current file.
-        CustomScript.singleRun(wsPath, script);
+        if (script.bulk) {
+          // Run script on all files
+          CustomScript.bulkRun(wsPath, script);
+        } else {
+          // Run script on current file.
+          CustomScript.singleRun(wsPath, script);
+        }
       }
     }
   }
diff --git a/src/models/PanelSettings.ts b/src/models/PanelSettings.ts
index c12c7b40..59507e09 100644
--- a/src/models/PanelSettings.ts
+++ b/src/models/PanelSettings.ts
@@ -75,9 +75,16 @@ export interface CustomScript {
   bulk?: boolean;
   output?: "notification" | "editor";
   outputType?: string;
+  type?: ScriptType;
 }
 
 export interface PreviewSettings {
   host: string | undefined;
   pathname: string | undefined;
+}
+
+export enum ScriptType {
+  Article = "article",
+  MediaFolder = "mediaFolder",
+  MediaFile = "mediaFile"
 }
\ No newline at end of file