Paste Image installs statistics

Paste Image

Paste image directly from clipboard to markdown/asciidoc(or other file)!

Support Mac/Windows/Linux! And support config destination folder.

Now you can enable pasteImage.showFilePathConfirmInputBox to modify file path before save:

Usage

1. capture screen to clipboard
2. Open the command palette: Ctrl+Shift+P (Cmd+Shift+P on Mac)
3. Type: "Paste Image" or you can use default keyboard binding: Ctrl+Alt+V (Cmd+Alt+V on Mac).
4. Image will be saved in the folder that contains current editing file
5. The relative path will be paste to current editing file

Config

• pasteImage.defaultName

  The default image file name.

  The value of this config will be pass to the 'format' function of moment library(a js time manipulation library), you can read document https://momentjs.com/docs/#/displaying/format/ for advanced usage.

  And you can use variable:

  • ${currentFileName}: the current file name with ext.
  • ${currentFileNameWithoutExt}: the current file name without ext.

  Default value is Y-MM-DD-HH-mm-ss.

• pasteImage.path

  The destination to save image file.

  You can use variable:

  • ${currentFileDir}: the path of directory that contain current editing file.
  • ${projectRoot}: the path of the project opened in vscode.
  • ${currentFileName}: the current file name with ext.
  • ${currentFileNameWithoutExt}: the current file name without ext.

  Default value is ${currentFileDir}.

• pasteImage.basePath

  The base path of image url.

  You can use variable:

  • ${currentFileDir}: the path of directory that contain current editing file.
  • ${projectRoot}: the path of the project opened in vscode.
  • ${currentFileName}: the current file name with ext.
  • ${currentFileNameWithoutExt}: the current file name without ext.

  Default value is ${currentFileDir}.

• pasteImage.forceUnixStyleSeparator

  Force set the file separator styel to unix style. If set false, separator styel will follow the system style.

  Default is true.

• pasteImage.prefix

  The string prepend to the resolved image path before paste.

  Default is "".

• pasteImage.suffix

  The string append to the resolved image path before paste.

  Default is "".

• pasteImage.encodePath

  How to encode image path before insert to editor. Support options:

  • none: do nothing, just insert image path to text
  • urlEncode: url encode whole image path
  • urlEncodeSpace: url encode only space character(sapce to %20)

  Defalut is urlEncodeSpace.

• pasteImage.namePrefix

  The string prepend to the image file name.

  You can use variable:

  • ${currentFileDir}: the path of directory that contain current editing file.
  • ${projectRoot}: the path of the project opened in vscode.
  • ${currentFileName}: the current file name with ext.
  • ${currentFileNameWithoutExt}: the current file name without ext.

  Default is "".

• pasteImage.nameSuffix

  The string append to the image name.

  You can use variable:

  • ${currentFileDir}: the path of directory that contain current editing file.
  • ${projectRoot}: the path of the project opened in vscode.
  • ${currentFileName}: the current file name with ext.
  • ${currentFileNameWithoutExt}: the current file name without ext.

  Default is "".

• pasteImage.insertPattern

  The pattern of string that would be pasted to text.

  You can use variable:

  • ${imageFilePath}: the image file path, with pasteImage.prefix, pasteImage.suffix, and url encoded.
  • ${imageOriginalFilePath}: the image file path.
  • ${imageFileName}: the image file name with ext.
  • ${imageFileNameWithoutExt}: the image file name without ext.
  • ${currentFileDir}: the path of directory that contain current editing file.
  • ${projectRoot}: the path of the project opened in vscode.
  • ${currentFileName}: the current file name with ext.
  • ${currentFileNameWithoutExt}: the current file name without ext.
  • ${imageSyntaxPrefix}: in markdown file it would be <code>![](https://github.com/mushanshitiancai/vscode-paste-image/raw/master/</code>, in asciidoc file it would be <code>image::</code>, in other file it would be empty string
  • ${imageSyntaxSuffix}: in markdown file it would be <code>)</code>, in asciidoc file it would be <code>[]</code>, in other file it would be empty string

  Defalut is ${imageSyntaxPrefix}${imageFilePath}${imageSyntaxSuffix}.

• pasteImage.showFilePathConfirmInputBox

  Enabling this boolean setting will make Paste Image ask you to confirm the file path(or file name). This is useful if you want to change the file path of the image you are currently pasting. Default is false.

• pasteImage.filePathConfirmInputBoxMode

  • fullPath: show full path in inputBox, so you can change the path or name. Defautl value.
  • onlyName: show only file name in inputBox, so it's easy to change name.

Config Example

I use vscode to edit my hexo blog. The folder struct like this:

blog/source/_posts  (articles)
blog/source/img     (images)

I want to save all image in blog/source/img, and insert image url to article. And hexo will generate blog/source/ as the website root, so the image url shoud be like /img/xxx.png. So I can config pasteImage in blog/.vscode/setting.json like this:

"pasteImage.path": "${projectRoot}/source/img",
"pasteImage.basePath": "${projectRoot}/source",
"pasteImage.forceUnixStyleSeparator": true,
"pasteImage.prefix": "/"

If you want to save image in separate directory:…