eclipse-wildwebdeveloper / eclipse-wildwebdeveloper/wildwebdeveloper
Offer completion and syntax highlighting for inlined CSS & HTML in JS/TS/JSX/TSX
Dieses Issue hat noch niemand übernommen.
- Vorherrschende Sprache
- Java
- Sterne
- 201
- Forks
- 76
- Ø Merge
- 4 T. 7 Std.
- Gemergte PRs (30 T.)
- 21
Beschreibung
The wwd uses a generic editor to open html, css, js, jsx, ts, tsx, etc.
Would be nice to support all these languages (code completion and syntax highlighting) within this generic editor. It should not matter, which language is within which filetype. For example, if wwd detects css or html within js/jsx/ts/tsx files, then it should provide code completion and syntax highlighting. As css and html can be added within js/jsx/ts/tsx files (for example, by template literals), the generic editor should be a hybrid editor.
Please improve at least these cases:
-
There is actually no content assist and code highlighting of html and css placed within a template literal in a .js-file. Please provide support.
-
There is actually content assist and syntax highlighting of html in jsx, but typing, for example, a
<div>- tag does not automatically produce its closing tag. So I have to add it manually. -
Using html and css within template literal should provide content assist and code completion within this generic editor for ALL file types.
For example:
// defined within js file (html and css within template literal -> no code completion/no syntax highlighting)
const component = {
label: `<span style="color: red">hello</span>`,
input:`<input name="hi" type="checkbox" ${conf.enabled ? 'checked' : ''} ${!conf.disabled ? 'disabled' : ''}>`,
isCheckbox: true
}
There were efforts in the past in this direction https://github.com/eclipse/wildwebdeveloper/issues/151. But the css, html support (=code completion and syntax highlighting) in template literal and within js, jsx, ts, tsx is not sufficient.
Beitragsleitfaden
Erste Schritte
- Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
- Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
- Forke das Repository und arbeite in einem Branch.
- Öffne einen Pull Request, der die Issue-Nummer nennt.
Rechercherichtung
Beginne damit, das hier beschriebene generische Editorverhalten und die frühere Arbeit in Issue 151 zu überprüfen. Reproduziere die aufgeführten Fälle für JavaScript, JSX, TypeScript, TSX, Template-Literals, HTML und CSS; als abgeschlossen gilt die Aufgabe, wenn Content Assist, Syntaxhervorhebung und das automatische Schließen von HTML-Tags für die angeforderten Dateitypen funktionieren.
Vom Indexierungsmodell aus dem Issue-Text verfasst.
Bewertung
- Tech-Stack
- css, html, javascript, typescript
- Bereich
- tooling, web-dev
- Issue-Typ
- Feature
- Schwierigkeit
- 5/5
- Geschätzter Aufwand
- Über eine Woche
- Aktivitätsstatus
- Veraltet
- Klarheit
- Größtenteils klar
- Anfängerfreundlichkeit
- 25/100