rainbow-mode 0.12
Colorize color names in buffers

概要

CSSなどを書いていこくと #ff00ff などの色文字列が出てきます。
そこでM-x rainbow-modeを実行すれば、これらの色文字列が表す色をEmacsが示してくれます。

ここではrainbow-mode.elを一旦fundamental-modeにしてからM-x rainbow-modeにしたスクリーンショットです。

20160716074909.png

20160716074929.png

インストール

パッケージシステムを初めて使う人は
以下の設定を ~/.emacs.d/init.el の
先頭に加えてください。

(package-initialize)
(setq package-archives
      '(("gnu" . "http://elpa.gnu.org/packages/")
        ("melpa" . "http://melpa.org/packages/")
        ("org" . "http://orgmode.org/elpa/")))

初めてrainbow-modeを使う方は
以下のコマンドを実行します。

M-x package-install rainbow-mode

アップグレードする方は、
以下のコマンドでアップグレードしてください。
そのためにはpackage-utilsパッケージが必要です。

M-x package-install package-utils (初めてアップグレードする場合のみ)
M-x package-utils-upgrade-by-name rainbow-mode

設定 160716074813.rainbow-mode.1.el(以下のコードと同一)

;;; 色文字列に色をつける
(setq rainbow-html-colors t)
(setq rainbow-x-colors t)
(setq rainbow-latex-colors t)
(setq rainbow-ansi-colors t)
(add-hook 'css-mode-hook 'rainbow-mode)
(add-hook 'scss-mode-hook 'rainbow-mode)
(add-hook 'php-mode-hook 'rainbow-mode)
(add-hook 'html-mode-hook 'rainbow-mode)
;; (save-window-excursion (shell-command (format "emacs-test -l test-minimum -l %s %s &" buffer-file-name buffer-file-name)))

実行方法

$ wget http://rubikitch.com/f/160716074813.rainbow-mode.1.el
$ emacs -Q -f package-initialize -l 160716074813.rainbow-mode.1.el

本サイト内の関連パッケージ


本日もお読みいただき、ありがとうございました。参考になれば嬉しいです。