CODEWITHSUNDEEP
visual-studio-codeemmet
Cody MacPixelface
Cody MacPixelface

Reputation: 1386

Force Emmet (VS Code) to wrap all abbreviations inline

I often wrap parts of my HTML text inside tags using Emmet in VS Code.

The command is "Emmet: Wrap with Abbreviation" (Alt+Shift+W on Windows).

It it possible to force Emmet to wrap all my selection inline, i.e. on the same line?

See example below, where a <p> tag automatically puts my selection on a new line, and a <span> tag just wraps my selection in the same line.

I would like all wrap-with-abbreviations to behave like the <span example.

Animated example of questioned behaviour in VSCode

Upvotes: 3

Views: 3198

Answers (1)

Mark
Mark

Reputation: 180641

Try this in your settings:

"emmet.syntaxProfiles": {
  "html": {
     "tag_nl": false
  }
}

tag_nl:

output each tag on new line with indentation, boolean. Values are true (each tag on new line), false (no formatting) and 'decide' (string; only block-level elements on new lines).

See emmet doc on syntax profiles and vscode emmet config

This will do what you want but it appears to apply to all emmet expansions, not just wraps.

Upvotes: 6

Related Questions