2011-12-06 30 views
5

Có trình soạn thảo css (dành cho Windows) sẽ hiển thị màu sắc không? Hoặc nói chung, trình chỉnh sửa sẽ luôn hiển thị giá trị thập lục phân 6 ký tự với nền màu.css/ít trình soạn thảo hiển thị màu sắc

ví dụ: như thế này:

div.myclass { 
    color: #ff8861; <- the background (or foreground, doesn't matter) of #ff8861 has orange color in the editor 
} 

[Chỉnh sửa 1]: không phải là một wysiwyg, chỉ cần một trình soạn thảo văn bản định dạng thể hiện màu sắc và cú pháp

[Chỉnh sửa 2]: lý tưởng, nó cũng nên hỗ trợ cú pháp LESS

+0

bạn cần một trình chỉnh sửa trực tuyến hoặc phiên bản dành cho máy tính để bàn? – Kishore

+0

máy tính để bàn tốt hơn, nhưng trực tuyến cũng sẽ ổn, nếu không có giải pháp máy tính để bàn – camcam

Trả lời

3

Nếu bạn quan tâm đến việc sử dụng Visual Studio, ReSharper 6 (trong phiên bản beta khi bài đăng trên blog đó được viết, nhưng được phát hành ngay bây giờ) sẽ hiển thị đường gạch dưới dày trong màu được chỉ định.

Nếu bạn muốn thứ gì đó nhẹ hơn (hoặc ít tốn kém hơn) so với Visual Studio, những người cùng viết ReSharper cũng tạo các IDE độc lập. WebStorm 3 (hiện đang trong giai đoạn thử nghiệm) hiển thị các chip màu trong máng xối biên tập. (Các phiên bản đã phát hành cũng có thể thực hiện điều này; tôi không thể tìm thấy ảnh chụp màn hình trực tuyến.) Đây là ảnh chụp màn hình tôi chụp từ bản beta; lưu ý hình vuông nhỏ màu vàng:

enter image description here

+0

Tôi xác nhận rằng PHPStorm đang hiển thị màu sắc trong IDE, trong tệp .css và .less. – camcam

2

tôi sử dụng Coda:

http://panic.com/coda/

Nó có thể hiển thị màu sắc khi chỉnh sửa CSS.

+0

Tôi cần cho Windows – camcam

+2

Sau đó, bạn nên nêu rõ trong câu hỏi của mình :) – tarmes

+0

ok, tôi đã thêm thông tin này, cảm ơn – camcam

5

Hãy thử Crunch! - Đây là trình soạn thảo CSS LESS có mã màu, biên dịch và nén. Nó được viết bằng Adobe Air, do đó, nó là nền tảng chéo. http://crunchapp.net/

Cập nhật - Visual Studio 2012 có trình chỉnh sửa LESS tuyệt vời, dưới dạng plugin mà bạn có thể dễ dàng cài đặt thông qua trình quản lý tiện ích mở rộng. Tôi tin rằng trong VS2012, phần mở rộng được cung cấp bởi Microsoft, và tích hợp với DotLess, và cung cấp cho bạn một loạt các tùy chọn khi tệp LESS của bạn được biên soạn (tại thời gian biên dịch, xây dựng hoặc chạy).

+5

sẽ là phần mở rộng Web Essentials 2012 của Mads Kristensen –

1

http://KineticWing.com có thể hiển thị màu bên trong ít tệp hơn. Nó làm nổi bật văn bản màu. Ý tôi là #fff sẽ xuất hiện dưới dạng văn bản màu trắng. Nó có thể xử lý các mẫu #fff và #ffffff.

Có thể hoạt động trên windows/linux

1

Tôi đã tìm kiếm điều đó trong một thời gian dài. Giải pháp của tôi là sử dụng Netbeans CSS Styles biên tập

trong menu chuột đầu vào Window -> Web -> CSS Styles

0

Ngay bây giờ tôi có thể giới thiệu một giải pháp tốt nhất và rất phổ biến. Trong web và C# develope, tất cả thời gian từ trên 2 năm tôi đang sử dụng biên tập ATOM.

Atom bên trong, bạn có thể thêm sắc tố Gói để hiển thị màu trong dự án và tệp. enter image description here

Các vấn đề liên quan