Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/iamcco/coc-svg
A Powerful SVG Language Support coc Extension for (neo)vim
https://github.com/iamcco/coc-svg
Last synced: about 1 month ago
JSON representation
A Powerful SVG Language Support coc Extension for (neo)vim
- Host: GitHub
- URL: https://github.com/iamcco/coc-svg
- Owner: iamcco
- Created: 2019-03-25T03:58:28.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2022-04-28T19:40:25.000Z (over 2 years ago)
- Last Synced: 2024-10-10T08:33:12.194Z (about 1 month ago)
- Language: TypeScript
- Homepage:
- Size: 81.1 KB
- Stars: 32
- Watchers: 4
- Forks: 0
- Open Issues: 5
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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](https://www.npmjs.com/package/svgo).
## 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
``` jsonc
{
"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](https://developer.mozilla.org/en-US/docs/Web/SVG)
### Buy Me A Coffee ☕️
