移転しました。

Firefoxのソース表示をEmEditor風にする

Firefoxでソースを開いたときに、無骨なHTMLが表示されるのが嫌な人はそれなりに居ると思うけれど、CSS変えればちゃんと見栄えを調整できるようになっている。自分の場合はuserContent.cssに以下を追加してフォントと色を変更している。

body#viewsource * {
  font-family: Consolas, monospace !important;
  font-size: 9pt !important;
}
body#viewsource .comment {
  color: #008000 !important;
}
body#viewsource .start-tag {
 color: #800080 !important;
 font-weight: normal !important;
}
body#viewsource .end-tag {
 color: #800080 !important;
 font-weight: normal !important;
}
body#viewsource .attribute-name {
 color: #FF0000 !important;
 font-weight: normal !important;
}
body#viewsource .attribute-value {
 color: #FF00FF !important;
 font-weight: normal !important;
}

実際の見栄えはこんな感じ。



userContent.cssについてはユーザ CSS (フォント、色、その他のスタイルの変更)を参照のこと。