Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>KnockoutJS Syntax highlightNew to Visual Studio Code? Get it now.
KnockoutJS Syntax highlight

KnockoutJS Syntax highlight

GERARDO HERNANDEZ MURILLO

|
4 installs
| (0) | Free
A VSCode extension to highlight the contents of the ko binding and params attributes used in html files
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Knockout Secure Binding Syntax

VS Code syntax highlighting for Knockout Secure Binding (data-sbind), data-bind, and params attributes.

✅ Highlights:

  • Hightlights valid ko bindings witouth parent element (inline)
  • Attribute names (data-sbind, data-bind, params)
  • Keys before colons
  • Variables
  • Numbers
  • Booleans & null
  • Strings
  • Nested objects {} and arrays []

Example

<div data-sbind="text: firstName, visible: isVisible,
    style: { color: 'red', border: { width: 2, color: 'blue' } },
    items: [ 1, 2, { label: 'X', value: true } ]">
</div>

<my-comp params="value: myValue,
    config: { enabled: true, data: [ 'one', 'two', { deep: null } ] }">
</my-comp>
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft