显示颜色的css/less编辑器

Question

是否有一个css编辑器(对于Windows)会显示颜色？或者更一般地,编辑器总是显示带有颜色背景的6个字符的十六进制值.

像这样:

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

[编辑1]:不是一个所见即所得,只是一个显示颜色和语法的富文本编辑器

[编辑2]:理想情况下,它还应该支持LESS语法

Answer 1

试试紧缩! - 这是一个简单的CSS编辑器,可以对颜色进行编码,编译和压缩.它是用Adobe Air编写的,因此它是跨平台的.http://crunchapp.net/

更新 - Visual Studio 2012有一个很棒的LESS编辑器,作为一个插件,您可以通过扩展管理器轻松安装.我相信在VS2012中,扩展由Microsoft提供,并与DotLess集成,并为您编译LESS文件(在编译,构建或运行时)提供了各种选项.

Answer 2

如果您对使用 Visual Studio 感兴趣，ReSharper 6（撰写该博客文章时为测试版，但现已发布）将以指定颜色显示粗下划线。

如果您想要比 Visual Studio 更轻量（或更便宜）的东西，编写 ReSharper 的人也可以制作独立的 IDE。WebStorm 3（目前处于测试阶段）在编辑器装订线中显示颜色芯片。（发布的版本也可能会这样做；我无法在网上找到屏幕截图。）这是我从测试版中截取的屏幕截图；注意金色小方块：