Emacs中的彩虹模式:标识css颜色
2012-09-12 10:30
274 查看
自己不是很擅长CSS,不过还是要经常接触一些。发现自己对里面的颜色编码非常头痛,于是萌生了在Emacs中对css中的颜色进行标记的想法。不过鉴于自己的elisp水平有限,最终只写了一个简陋版,可以把光标放到颜色码上,然后更改光标颜色。。。。
今天偶然发现了rainbow-mode,简直完全就是我所想要的东西!rainbow-mode安装配置非常简单,可以直接用package.el来安装,也可以到这里下载:http://bzr.savannah.gnu.org/lh/emacs/elpa/annotate/head:/packages/rainbow-mode/rainbow-mode.el 。把rainbow-mode.el扔到loadpath里面,在配置文件里面require一下,在需要的时候M-x rainbow-mode就可以了。
为了方便使用,我们可以把rainbow-mode关联到css,html文件中去,让emacs在打开css/html文件的时候自动启用rainbow-mode。可以使用以下配置:
![](http://static.oschina.net/uploads/space/2012/0912/103207_2BUL_157225.png)
有时间研究一下rainbow-mode的代码!!!
今天偶然发现了rainbow-mode,简直完全就是我所想要的东西!rainbow-mode安装配置非常简单,可以直接用package.el来安装,也可以到这里下载:http://bzr.savannah.gnu.org/lh/emacs/elpa/annotate/head:/packages/rainbow-mode/rainbow-mode.el 。把rainbow-mode.el扔到loadpath里面,在配置文件里面require一下,在需要的时候M-x rainbow-mode就可以了。
为了方便使用,我们可以把rainbow-mode关联到css,html文件中去,让emacs在打开css/html文件的时候自动启用rainbow-mode。可以使用以下配置:
(require 'rainbow-mode) (dolist (hook '(css-mode-hook html-mode-hook)) (add-hook hook (lambda () (rainbow-mode t))))以下是效果图(rain-mode还能识别常见的英文颜色单词):
![](http://static.oschina.net/uploads/space/2012/0912/103207_2BUL_157225.png)
有时间研究一下rainbow-mode的代码!!!
相关文章推荐
- EMACS css-color 模式 (在EMACS显示CSS的颜色效果)
- CSS颜色混合模式
- CSS学习(十六)-HSLA颜色模式
- 谈谈一些有趣的CSS题目(十七)-- 不可思议的颜色混合模式 mix-blend-mode
- CSS颜色模式转换器的实现
- 纯CSS实现颜色渐变效果(包含环形渐变、线性渐变、彩虹效果等)
- 深入理解CSS六种颜色模式
- 经典CSS颜色混合模式
- CSS颜色混合模式
- CSS颜色混合模式
- CSS学习(十五)-CSS颜色模式、CSS颜色透明度
- CSS学习(十六)-HSLA颜色模式
- CSS设置透明度与rgba颜色模式
- CSS颜色混合模式特效
- CSS定义被动态选中的文本的颜色示例代码
- CSS基础之颜色值和长度值设置
- CSS在不同浏览器下实现颜色渐变效果
- emacs配置颜色主题
- CSS 设置a标签的下划线颜色(a tag underline)
- CSS改变png图片颜色