html: Add injections for `style` attributes and event handler attributes (#23659)

Finn Evers created 10 months ago

Closes #23653 

Before:
<img width="921" alt="before"
src="https://github.com/user-attachments/assets/e993df15-77a7-4b5a-b6fb-3415047914c0"
/>

After:
<img width="922" alt="after"
src="https://github.com/user-attachments/assets/1b4bd695-2985-46e2-8b55-576d32af0583"
/>

Release Notes:

- N/A

Change summary

extensions/html/languages/html/injections.scm | 10 ++++++++++
1 file changed, 10 insertions(+)

Detailed changes

extensions/html/languages/html/injections.scm

@@ -5,3 +5,13 @@
 (style_element
   (raw_text) @injection.content
   (#set! injection.language "css"))
+
+(attribute
+    (attribute_name) @_attribute_name (#match? @_attribute_name "^style$")
+    (quoted_attribute_value (attribute_value) @injection.content)
+    (#set! injection.language "css"))
+
+(attribute
+    (attribute_name) @_attribute_name (#match? @_attribute_name "^on[a-z]+$")
+    (quoted_attribute_value (attribute_value) @injection.content)
+    (#set! injection.language "javascript"))