eclipse-wildwebdeveloper / eclipse-wildwebdeveloper/wildwebdeveloper
Offer completion and syntax highlighting for inlined CSS & HTML in JS/TS/JSX/TSX
Personne n'a encore pris cette issue.
- Langage dominant
- Java
- Étoiles
- 201
- Forks
- 76
- Merge moyen
- 4 j 7 h
- PR mergées (30 j)
- 21
Description
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.
Guide de contribution
Ouvrir le guide de contribution
Par où commencer
- Lisez l'issue en entier, puis le guide de contribution du projet.
- Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
- Forkez le dépôt et travaillez sur une branche.
- Ouvrez une pull request qui référence le numéro de l'issue.
Piste de recherche
Commencez par examiner le comportement générique de l’éditeur décrit ici ainsi que le travail précédent dans issue 151. Reproduisez les cas répertoriés pour JavaScript, JSX, TypeScript, TSX, les template literals, HTML et CSS ; le travail est considéré comme terminé lorsque l’assistance au contenu, la coloration syntaxique et la fermeture automatique des balises HTML fonctionnent pour les types de fichiers demandés.
Rédigé par le modèle d'indexation à partir du texte de l'issue.
Évaluation
- Stack technique
- css, html, javascript, typescript
- Domaine
- tooling, web-dev
- Type d'issue
- Fonctionnalité
- Difficulté
- 5/5
- Temps estimé
- Plus d'une semaine
- Activité
- À l'abandon
- Clarté
- Plutôt claire
- Accessibilité débutants
- 25/100