显示颜色的css / less编辑器

时间:2011-12-06 12:32:01

标签: css editor less

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

e.g。像这样:

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

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

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

6 个答案:

答案 0 :(得分:5)

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

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

答案 1 :(得分:3)

如果您对使用Visual Studio感兴趣,ReSharper 6(在编写该博客文章时测试版,但现在已发布)将在指定颜色中显示粗下划线。

如果您想要比Visual Studio更轻(或更便宜)的东西,那么编写ReSharper的人也可以制作独立的IDE。 WebStorm 3(目前处于测试阶段)在编辑器排水沟中显示颜色筹码。 (发布的版本也可以这样做;我无法在线查找截图。)这是我从测试版中截取的截图;注意小金方:

enter image description here

答案 2 :(得分:2)

我使用Coda:

http://panic.com/coda/

编辑CSS时可以显示颜色。

答案 3 :(得分:1)

http://KineticWing.com可以在较少的文件中显示颜色。它以彩色突出显示文字。我的意思是#fff会显示为白色文字。它可以处理#fff和#ffffff模式。

可以在windows / linux上运行

答案 4 :(得分:0)

我很长时间都在寻找它。 我的解决方案是使用 Netbeans CSS样式编辑器

顶部菜单中的

点击Window - &gt;网络 - &gt; CSS样式

答案 5 :(得分:0)

从2年起,我唯一的一位真相编辑器成为 vs代码-非常适合JavaScript,适用于可视化CSS颜色插件: COLORIZE

enter image description here