shortcut

先日六本木ヒルズで行われたイベント「web標準の日」のSession:Bでプレゼンを行った長谷川 恭久さんが使用してた「SKEdit」というHTMLエディタが使いやすそうだったので、試用しています。

基本的にはテキストエディタタイプのHTMLエディタですが、

• 動作が軽快
• タグの補完
• ファイルビューとタブによる複数ファイルの閲覧・編集
• コードをスニペットとして追加(ショートカットもつけられる)
• perlやシェルスクリプトを使用可能
• FTP/SFTP/WebDAVに接続
• CVS/Subversionなどのバージョン管理システムにコミット

と、必要最低限にして必要十分な機能を備えている気の利いたHTMLエディタです。Windowsでは、ez-HTMLがほぼ同機能のHTMLエディタのようです。
スニペットやスクリプトがかなり柔軟にカスタマイズできるので、使い込むほどに手になじんでいくタイプのアプリケーションですね。

とりあえず下記の設定を追加してみました。

スニペット

選択した文字列をH要素でマークアップ(cmd+1〜6に割り当て)

# %%%{SKKeyEquivalent=@1}%%%
<h1>[*sel]</h1>

スクリプト

Another HTML-lintでチェック

#!/bin/sh
#
# htmllint.sh
#
# -- PB User Script Info --
# %%%{PBXName=Another HTML-lint}%%%
# %%%{PBXInput=None}%%%
# %%%{PBXOutput=AppendToAllText}%%%
# %%%{PBXKeyEquivalent=}%%%
#

perl ~/bin/htmllint/htmllint -w short %%%{PBXFilePath}%%% | iconv -f EUC-JP -t UTF-8 > ~/temp/htmllint.txt
cat ~/temp/htmllint.txt

SKEditはHTML Tidyを内蔵しているのでそちらを使用してもいいのですが、HTML Tidyは整形が強烈すぎて多少使いづらい(おかしなHTMLを整形するとすべて削除される)のと、Another HTML-lintの説明の方が解りやすいので、しばらくは併用して使っていこうと思います。

Another HTML-lintは実行結果をEUC-JPで出力しますが、SKEditはUTF-8以外の文字コードを返すと落ちてしまうので、iconvで変換しています。

また、長いHTMLやチェック箇所の多いHTMLをチェックすると、スクリプトを実行したきり帰ってこない場合があるので、ログを生成してから結果を返すようにしました。