coc-svg

fork from https://github.com/lishu/vscode-svg

A Powerful SVG Language Support Extension for coc.nvim. Almost all the features you need to handle SVG.

Install

CocInstall coc-svg

Features

• SVG Elements Auto Completion.
• SVG Attributes Auto Completion.
• Document Symbol with SVG Element [id].
• SVG Preview

  Tip: All Completion list is context, will not show all items.

• Rename Tag Name or Id Reference.

  Cursor in Tag Name or Id Attribute or url(#id) or href="#id"

• In Id Reference Click Goto id="" element.

  Move cursor to a url(#id) or href="#id", That it!

• SVG Format Support

  Formatting support using SVGO, which can prettify SVGs and sort tag attributes. SVGO works as a group of plugins that can be activated or desactivated (which is default for most in this extension). Information on the plugins can be found here.

Commands

• svg.prettySvg pretty svg.
• svg.minifySvg This will reduce the filesize by removing all unnecessary code from the image.
• svg.showSvg open browser to preview current svg.

Config

{
    "svg.completion.insertCloseTagSign": {
      "title": "Insert close tag sign",
      "type": "boolean",
      "default": true,
      "description": "Specifies whether insert close tag sign '>'"
    },
    "svg.completion.showAdvanced": {
      "title": "Show advanced items in completion list.",
      "type": "boolean",
      "default": false,
      "description": "Specifies whether advanced items that are not commonly used are displayed in the AutoComplete list."
    },
    "svg.completion.showDeprecated": {
      "title": "Show deprecated items in completion list.",
      "type": "boolean",
      "default": false,
      "description": "Specifies whether advanced items that are deprecated are displayed in the AutoComplete list."
    },
    "svg.disableFormatOnSave": {
      "title": "[Experimental]Disable SVGO Format on save",
      "type": "boolean",
      "default": false,
      "description": "Focus Disable SVGO Format On Save event if editor.formatOnSave is true"
    },
    "svg.format.plugins": {
      "title": "SVGO plugins array.",
      "type": "object",
      "default": {
        "sortAttrs": true
      },
      "description": "Each items corresponds to a plugin that should be enabled, the rest is disabled."
    },
    "svg.preview.background": {
      "title": "Svg Preview Background",
      "type": "string",
      "enum": [
        "transparent",
        "white",
        "black",
        "custom"
      ],
      "default": "transparent",
      "description": "Specifies the Svg Preview Background"
    },
    "svg.preview.backgroundCustom": {
      "title": "Svg Preview Custom Background",
      "type": "string",
      "default": "#eee",
      "description": "Specifies the Svg Preview Custom Background"
    },
    "svg.version": {
      "title": "SVG Version",
      "enum": [
        "1.1",
        "2.0"
      ],
      "description": "Specifies the SVG standard version that will be used for autocompletion and validation.",
      "default": "1.1"
    },
    "svg.priority": {
      "type": "integer",
      "default": 99
    }
}

Known Issues

SVG Version 2.0 is not included.

For more information

• MDN SVG Reference

Buy Me A Coffee ☕️