throvn / js-html-template-strings

Highlights your HTML tags inside of JS' template strings. This is the repo for the vscode extension.

Hi there 👋

I'm Louis, a self-taught fullstack developer 💻 currently studying Technology & Management at the Technical University Munich📗 working full time on Dopamining, a crypto startup which incentivises you to overcome your death-valley of motivation.

I have a passion for Webdevelopment, AWS and Go.

My current side project is my Github Page & getting into Vue. I don't have time for a side project. All 👀 on dopamining.io.

💬 Stats

👀 Things I looked at

• Node.js
• MongoDB
• Typescript
• Vue.js
• Swift
• GoLang
• Python

Write me a message on LinkedIn.

            ☁️            ☀️
   🎈    ☁️         ☁️


______🌳__________🏃_________

js-html-template-strings's Issues

html in template string not being highlighted

I have installed this plugin at v0.0.4 but my template literal strings in .js file are not being highlighted

The stripped down code that is not working is in a file called blah.js

jQuery(document).ready(function(){
    function write_login () {
        jQuery('#pg_content').html(`
                <form id="login_form">
                    <p>
                        Email<br>
                        <input type="text" id="pg_input_email"  />
                    </p>
                    <p>
                        Password<br>
                        <input type="password" id="pg_input_password" />
                    </p>
                    <p>
                        <button type="button" id="submit_button">Submit</button> <span class="loading-spinner"></span>
                    </p>
                </form>
        `)
        jQuery('#submit_button').on('click', function(){
            send_login()
        })
    }
})

and here is a screenshot of what it looks like

Expected behaviour

It displays the html in the template string with html highlighting

system

ubuntu 22.04

Vscode:
Version: 1.73.1
Commit: 6261075646f055b99068d3688932416f2346dd3b
Date: 2022-11-09T03:54:53.913Z
Electron: 19.0.17
Chromium: 102.0.5005.167
Node.js: 16.14.2
V8: 10.2.154.15-electron.0
OS: Linux x64 5.15.0-52-generic snap
Sandboxed: No

Plugin version 0.0.4

SVG tag breaks highlighting

Here is an example of the highlighting with an <svg> tag:

If I change <svg> to <svgf> then the highlighting looks as expected:

This problem also exists for valid SVGs as well:

I'm using VSCode with extension version v0.0.4