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>