spacemacs/contrib/!lang/html/README.org
Christoph Paulik ff8cd06046 Fix various issues with org markup
- lists were not correctly indented sometimes
- **note** and such things do not exist in org
- Note and Important
- Change Feature list to heading
- Change TODOS to actual org TODOS
- Add TOC to python layer
- list indentation
- some typos I could not leave unchanged
- TODO formatting
- List indentation
- typos
- wrong markup

fix conversion issues
2015-06-11 21:31:42 -04:00

3.3 KiB

HTML contribution layer for Spacemacs

/TakeV/spacemacs/media/commit/ff8cd060466a2d6b19fb4677473b3db4f38d75dc/contrib/!lang/html/img/html.png

Description

This layer adds support for editing HTML and CSS.

Features:

  • Editing HTML and CSS file using web-mode
  • Support for Sass/Scss and Less files
  • Generate HTML and CSS coding using emmet-mode
  • Tags navigation on key % using evil-matchit

Install

To use this contribution add it to your ~/.spacemacs

  (setq-default dotspacemacs-configuration-layers '(html))

Key Bindings

Web mode

Key Binding Description
SPC m g p quickly navigate CSS rules using helm
SPC m e h highlight DOM errors
SPC m g b go to the beginning of current element
SPC m g c go to the first child element
SPC m g p go to the parent element
SPC m g s go to next sibling
SPC m h p show xpath of the current element
SPC m r c clone the current element
SPC m r d delete the current element (does not delete the children)
SPC m r r rename current element
SPC m r w wrap current element
SPC m z fold/unfold current element

A micro-state is also defined, start it with SPC m . or , .

Key Binding Description
? Toggle full help
c clone current element
d delete (vanish) current element (does not delete the children)
h previous element
l next element
L next sibling element
k parent element
j first child element
p show xpath of current element
r rename current element
q leave the micro-state
w wrap current element

CSS/Scss

Key Binding Description
SPC m g h quickly navigate CSS rules using helm