Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/yaegassy/coc-html-css-support

HTML id and class attribute "completion" for coc.nvim.
https://github.com/yaegassy/coc-html-css-support

blade coc coc-extension coc-nvim css html neovim vim vue

Last synced: 16 days ago
JSON representation

HTML id and class attribute "completion" for coc.nvim.

Awesome Lists containing this project

README

        

# coc-html-css-support

> fork from a [ecmel/vscode-html-css](https://github.com/ecmel/vscode-html-css) | [HTML CSS Support](https://marketplace.visualstudio.com/items?itemName=ecmel.vscode-html-css)

HTML id and class attribute "completion" for [coc.nvim](https://github.com/neoclide/coc.nvim).

coc-html-css-support-demo

## Install

`:CocInstall coc-html-css-support`

## Features

- HTML id and class attribute completion.
- Supports linked and embedded style sheets.
- Supports template inheritance.
- Supports additional style sheets.
- Supports other HTML like languages.
- Command to make `html.customData` built-in in `coc-html-css-support` available at the workspace level.
- Require [coc-html](https://github.com/neoclide/coc-html)

## Configuration options

- `html-css-support.enable`: Enable coc-html-css-support extension, default: `true`
- `html-css-support.enabledLanguages`: List of languages which suggestions are desired, default: `["html"]`
- `html-css-support.styleSheets`: List of local or remote style sheets for suggestions, default: `[]`

## Commands

- `html-css-support.dispose`: Clear cache and reload the stylesheet
- `html-css-support.customDataSetup`: Setup `html.customData` in workspace config. Supported customData are as follows
- `Alpine.js`
- `petite-vue`

## Example settings

### Additional Style Sheets (Example)

**coc-settings.json:**

```json
{
"html-css-support.styleSheets": [
"https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css",
"/style.css",
"style.css"
]
}
```

### Add other HTML like languages (Example)

**coc-settings.json:**

```json
{
"html-css-support.enabledLanguages": [
"html",
"vue",
"blade",
"htmldjango",
"typescriptreact",
"javascriptreact"
]
}
```

## What is customData?

You can read more about customData in the following repositories.

-
-

## Thanks

- [ecmel/vscode-html-css](https://github.com/ecmel/vscode-html-css) : The origin of this repository.

## License

MIT

---

> This extension is built with [create-coc-extension](https://github.com/fannheyward/create-coc-extension)