eclipse-wildwebdeveloper / eclipse-wildwebdeveloper/wildwebdeveloper
Offer completion and syntax highlighting for inlined CSS & HTML in JS/TS/JSX/TSX
Chưa có ai nhận issue này.
- Ngôn ngữ chính
- Java
- Star
- 201
- Fork
- 76
- Merge trung bình
- 4 ngày 7 giờ
- Pull request đã merge (30 ngày)
- 21
Mô tả
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.
Hướng dẫn đóng góp
Bắt đầu từ đâu
- Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
- Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
- Fork repository và làm thay đổi trên một nhánh.
- Mở pull request có tham chiếu số hiệu của issue.
Hướng nghiên cứu
Bắt đầu bằng cách xem xét hành vi trình chỉnh sửa chung được mô tả ở đây và nỗ lực trước đó trong issue 151. Tái hiện các trường hợp JavaScript, JSX, TypeScript, TSX, template literal, HTML và CSS được liệt kê; được xem là hoàn tất khi hỗ trợ nội dung, tô sáng cú pháp và tự động đóng thẻ HTML hoạt động trên các loại tệp được yêu cầu.
Do mô hình lập chỉ mục viết ra từ nội dung của issue.
Đánh giá
- Công nghệ
- css, html, javascript, typescript
- Lĩnh vực
- tooling, web-dev
- Loại issue
- Tính năng
- Độ khó
- 5/5
- Thời gian dự kiến
- Hơn một tuần
- Mức độ hoạt động
- Đình trệ
- Độ rõ ràng
- Khá rõ ràng
- Mức phù hợp với người mới
- 25/100