2011-12-06 82 views
5

是否有顯示顏色的css編輯器(對於Windows)?或者更一般地說,編輯器總是會顯示帶有彩色背景的6個字符的十六進制值。css/less顯示顏色的編輯器

例如像這樣:

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

[編輯1]:不是所見即所得,只是顯示的色彩和語法

[編輯2]富文本編輯器:理想情況下,也應該支持LESS語法

+0

你需要一個在線編輯器或桌面版本? – Kishore

+0

更好的桌面,但在線也將是好的,如果沒有桌面解決方案 – camcam

回答

3

如果您對使用Visual Studio感興趣,ReSharper 6(在撰寫博客文章時的測試版中,現在發佈)將在指定顏色中顯示粗體下劃線。

如果你想要比Visual Studio更輕或更便宜的東西,那麼編寫ReSharper的人也可以創建獨立的IDE。 WebStorm 3(目前處於測試階段)在編輯器裝訂線中顯示彩色芯片。 (發佈的版本也可能會這樣做;我無法在網上找到屏幕截圖。)下面是我從測試版中截取的屏幕截圖;注意小金方:

enter image description here

+0

我確認PHPStorm顯示IDE中的顏色,.css和.less文件中的顏色。 – camcam

2

我使用科達:

http://panic.com/coda/

編輯CSS時,它可以顯示的顏色。

+0

我需要爲Windows – camcam

+2

然後,你應該說,在你的問題:) – tarmes

+0

好吧,我添加了這個信息,謝謝 – camcam

5

嘗試緊縮! - 這是一個LESS CSS編輯器,可以對顏色進行編碼,編譯和壓縮。它是用Adobe Air編寫的,所以它是跨平臺的。 http://crunchapp.net/

更新 - Visual Studio 2012有一個夢幻般的LESS編輯器,作爲一個插件,您可以通過擴展管理器輕鬆安裝。我相信,在VS2012中,擴展名由微軟提供,並與DotLess集成,併爲您的LESS文件編譯時(編譯,構建或運行時)提供了各種選項。

+5

這將是Mads Kristensen的Web Essentials 2012擴展 –

1

http://KineticWing.com可以在較少文件內顯示顏色。它以彩色高亮顯示文字。我的意思是#fff將顯示爲白色文本。它可以處理#fff和#ffffff模式。

可以在Windows/Linux上工作

1

我正在尋找很長一段時間。 我的解決辦法是在主菜單中點擊窗口中使用Netbeans的 CSS樣式編輯器

- >網絡 - > CSS樣式

0

現在,我可以推薦一個最好的,非常通用的解決方案。在web和c#開發中,所有的時間從2年以上我使用ATOM編輯器

可以添加的內部原子顏料 用於在項目和文件中顯示顏色的包。 enter image description here