Hello, I really enjoy using your webuilder and am currently working 
on Javascript es6. 
Do you plan a support in the next release. I mean, for example, folding etc for template literals.
Stay healthy
			
			
									
						
										
						Javascript es6 support
Moderator: kfury77
					Forum rules
Please follow these guidelines when posting feature requests. This will help to increase the value of your contribution.
	Please follow these guidelines when posting feature requests. This will help to increase the value of your contribution.
- Do not create new topics for already requested features. Add your comments to the existing feature request topics instead;
- Create separate topic for each feature suggestion. Do NOT post a number of non-related feature suggestions in a single topic;
- Give your topic a meaningful title. Do NOT create topics with meaningless titles, such as "My Suggestion" or "My Problem".
es6 support folding and
To describe my wish a little better, I add these lines of code and the desire to support:
and in the resulting custom tag eg: 
I wish you all a nice advent
			
			
									
						
										
						- - Code intelligence (code completion, suggestion features, ... ) in  template literals like style.textContent = ` ... `
 - syntax highlighting
 - folding of template literals ` ... `;
Code: Select all
class PopUpInfo extends HTMLElement { // Create a class for the element   
   constructor() { super(); // Always call super first in constructor
      var shadow = this.attachShadow( { mode: 'open' } ); // Create a shadow root     
      var style = document.createElement('style'); // Create some CSS to apply to the shadow dom
// I would like to fold this block, and in this block I would like support for completion, highlighting, etc. 
// ----------------------------------------------------------------------------------------------------------
          style.textContent = `.wrapper   {  position: relative; }
                               .info      {  background: white; border: 1px solid black;
                                             display: inline-block; font-size: 0.8rem;
                                             opacity: 0; padding: 10px; position: absolute; left: 10px;
                                             transition: 0.6s all; width: 200px; z-index: 3; }
                                img       {  width: 1.2rem }
                                .icon:hover + .info, .icon:focus + .info { opacity: 1; }`;
// ----------------------------------------------------------------------------------------------------------
Code: Select all
<my-popupinfo id = "a12" style = "font-size: ....."> </my-popupinfo>