Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
ext install PaulGomez.cdata-js-highlighter
❌ Without Syntax Highlighting
✅ With Syntax Highlighting
You can download the extension from the Extensions(Ctrl+Shift+X) tab in Visual Studio Code or directly from Visual Studio Marketplace, link attached below.
By default, many editors treat XML files containing JavaScript code inside CDATA tags as pure XML, often overlooking the embedded JavaScript. This extension elevates the XML syntax highlighting experience by intelligently identifying JavaScript code within CDATA tags and providing dedicated highlighting. Enjoy improved code readability and a more seamless workflow.
I used to struggle when working with JavaScript within CDATA tags. That's why I created this extension, to simplify the process as well as make it easier to work with. Feel free to open an issue or send a pull request.
The screenshots also feature the SpaceCamp color theme. A personal creation of mine, ported from a beloved Vim theme also available here. Now available as a VS Code theme, feel free to explore and give it a try!