coc-html-css-support

HTML id and class attribute completion for coc.nvim

Usage no npm install needed!

<script type="module">
  import cocHtmlCssSupport from 'https://cdn.skypack.dev/coc-html-css-support';
</script>

README

coc-html-css-support

fork from a ecmel/vscode-html-css | HTML CSS Support

HTML id and class attribute "completion" for 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.

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

Example settings

Additional Style Sheets (Example)

coc-settings.json:

{
    "html-css-support.styleSheets": [
        "https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css",
        "/style.css",
        "style.css"
    ]
}

Add other HTML like languages (Example)

coc-settings.json:

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

Thanks

License

MIT

This extension is built with create-coc-extension