この記事は時間経過やプログラムのバージョンアップなどの諸々の事情によって,現状に正しくそぐわない内容になっている可能性があります。関連記事アーカイブを参照してみてください。

MovableTypeで編集中の記事をお手軽文法チェックするプラグイン:mthtmllint

Posted by
ぴろり
Posted at
2006/03/09 23:30
Trackbacks
関連記事 (1)
Comments
コメント (7)
Post Comment
コメントできます
Category
プラグイン カテゴリ
 石野恵一郎さんが作られた Another HTML-lint は、 正しい HTML を書く際には非常に有用なです。 かく云う私も当サイトの段階では、-lint の間を何度も往復していた時期があります。
  では、記事の編集画面で入力した内容が、殆どそのままに最終的なページに流し込まれてしまうために、 記事としていい加減な を入力してしまうと、即、文法上正しくないページが出来上がってしまいます。 記事の無い状態では満点なのに、記事が入ると途端に減点されてしまうということが多々ありました。 そのために、記事を編集し、サイトを再構築し、-lint で文法チェック、そして修正…を繰返すことになるのですが、 手間や負荷、負荷等を考えるとあまり好ましいとは言えません。
 そこで の編集画面からボタン一つで、編集中の記事の文法チェックが行えるを作ってみました。 Another -lint の強力無比な文法チェックを貴方の にも!
この記事をはてなブックマークに追加する この記事のはてなブックマーク数 | この記事をlivedoorクリップに追加する この記事のlivedoorクリップ数 | この記事をYahooブックマークに追加する この記事のYahoo!ブックマーク数 | この記事をdel.icio.usに追加する | Twitterにポストする

特徴と使い方

エントリ編集画面
エントリ編集画面

プレビュー画面
画面

  • Another HTML-lint の強力無比な文法チェックを利用できます
  • 編集画面からボタン一つで文法チェックを行えます
  • 画面からもボタン一つで文法チェックを行えます
  • 導入はたったの 3 ステップ! 基本的にコピー&ペーストで完了します
  1. 編集が終わったら"保存(+mthtmllint)"ボタンを押します
  2. エントリ編集画面の下にあるから、文法チェックの結果を参照します
  3. 不明な点があれば、エントリ編集画面の下にあるから、チェックに使用した入力ページを確認します

動作環境

導入方法

Step 1. mthtmllint の導入

  管理画面から BigPAPI プラグイン がインストール済みであることを確認します。 その後、パッケージに含まれるファイルを の plugins ディレクトリにコピーします。

適当な名前でディレクトリを作成しておき、その中にコピーするとです

 ここで、 管理画面の[]を辿り mthtmllint が追加されていることを確認しておきます。

Step 2. Another -lint の導入

 Another HTML-lint のダウンロードページ からフルパケージ版をします。 次に、mthtmllint.pl と同じディレクトリに lib ディレクトリを作成し、 取得したAnother -lint のファイルを全て、lib ディレクトリの中に展開します。

Another -lint への実行権限の設定や環境設定の必要はありません

必要に応じて Another -lint が要求する ライブラリを導入しておきます

Step 3. モジュールの作成

 MT管理画面の[]-[モジュール]と辿り、 "mthtmllint Entry Template" という名前でモジュールを新規作成します(後述)

"mthtmllint Entry Template" モジュール

  のエントリ編集画面から入力されたテキストエリアの内容は、 そのままでは素っ裸なので Another -lint でチェックすることができません。 そのため、これらのデータの入れ物となるページをモジュールとして作成しておく必要があります。
 あくまで入力されたデータ部分の文法チェックが主眼にあるので、本番さながらのである必要はないでしょう。 <> や <HEAD>、<TITLE> など、 文書に必要な最低限の要素があれば十分です。 以下にチェック用に最低限のタグで構成されたを示します。 この内容をコピー&ペーストでモジュールに保存してください。

X 1.0 Transitional (utf-8) 用なので DOCTYPE や encodeing、charset は適宜書換えてください

モジュール中で使用できる擬似タグ

 "mthtmllint Entry Template" という名前で作成されたモジュールの内容に、 "エントリーの内容(body)"や"追記(extend)"を流し込んで出来上がった 文書を Another -lint がチェックをしてくれます。
 このモジュール中では、"エントリーの内容(body)"や"追記(extend)"が 配置される場所に以下の擬似タグを使用することができます。
<$ntryTitle$>
エントリ編集画面の"タイトル"欄に入力された内容に置き換えられます。
<$ntryBody$>
エントリ編集画面の"エントリの内容(body)"欄に入力された内容に置き換えられます。
<$ntryMore$>
エントリ編集画面の"追記(extend)"欄に入力された内容に置き換えられます。
<$ntryExcerpt$>
エントリ編集画面の"概要(excerpt)"欄に入力された内容に置き換えられます。
<$ntryKeywords$>
エントリ編集画面の"キーワード"欄に入力された内容に置き換えられます。

擬似的に タグを真似ていますが全くの別物です。

タグに使用できる encode_html などのオプション指定は一切できません。

上記以外のタグは完全に無視されます

/ MD5バージョン日付Bytes動作環境備考
mthtmllint
1.00 new '06/03/27 5226 3.2ja2
w/ BigP
チェック方法を変更
画面でも使用可能にした
mthtmllint
0.90 '06/03/09 4978 3.2ja2
w/ BigP
初版公開

最新版のやバグレポートはmthtmllint の trac レポジトリでも行っています。

トラブルシューティング

バージョン0.9xと1.xxの違いは何ですか?
文法チェックの起動方法が微妙に違います。 mthtmllint.plだけ差し替えてください。 機能的には全く同じものなので、編集スタイルに合わせて使い易いほうをご利用くださいませ。
感激しました! をしたいのですが…
ありがとうございます。は私宛てではなく、是非とも Another HTML-lintの作者である 石野恵一郎さん宛てにお願いいたします(^-^)b

使用許諾条件

 このパッケージの内容については完全に無保証です。 このパッケージの配布や改変に関する条件は The Artistic License に準じるものとし、これに従う限り自由にすることができます。

This code is released under the Artistic License. The terms of the Artistic License are described at http://www.perl.com/language/misc/Artistic.html


この記事を読んだ人はこんな記事も読んでいます 記事リコメンデーションについて

その他の関連する記事


関連記事/トラックバック (全 1 件中、最新 5 件まで表示しています)

はぁい、ちゅうもくちゅうもくぅ〓 のスクリーンショット
タイトル
htmllint をエントリー投稿前の確認で利用する
Trackbacked at
2006/03/12 14:47
from
はぁい、ちゅうもくちゅうもくぅ〓
評価
Web Scouter
概要
htmlの文法を考えつつエントリーを投稿するのは面倒なもので、公開してから ht...

この記事にトラックバックを送るには?

寄せられたコメント (全 7 件中、最新 5 件まで表示しています)

Posted by
panser
at
2007/02/04 04:52
ID
u36DqnT.

早取りちりしてましたHTML-lintをupしたところ解消されました。
お騒がせしました。すみません。

Posted by
panser
at
2007/02/04 04:41
ID
u36DqnT.

mthtmllintプラグインをupして管理画面で確認したところ
プラグインエラーします。ちなみにMT3.34使用しています。
何が影響してるのでしょうか?恐れ入りますがサポートお願いします。

Posted by
asiamoth
at
2006/03/28 00:07
ID
SeZsK1Ic

(──仕事早っ!)うわ、メチャメチャ使いやすくなりました!
これからも、活用していきます! ありがとうございます。

Posted by
ぴろり
at
2006/03/27 17:19
ID
zG8ZVNPk

バージョン1.00 で文法チェックの起動方法を変更してみました。
下書き状態での保存を強制することがなくなったので、こちらが良いような気がします。
加えてプレビュー画面からもチェックが行えるようにしてみましたがどんなもんでしょうか?

Posted by
asiamoth
at
2006/03/26 16:52
ID
mo7aC7qw

さっそく導入して、愛用しています。これは素晴らしいですね!
いかに自分がいい加減なタグを打っているか、気付かされます。

過去の記事をチェックするとき、一度「下書き (htmllint)」で保存をし直す必要があるのが、少し残念です。
たとえば、記事のプレビュー画面に「文法チェック」ボタンが出てきて、それを押すとチェックできる──みたいにならないでしょうか?
──perlのことを何も解らずに言っているので、もし無茶を言っていたらすみません。

コメントを投稿する

 
 (匿名可/必須/公開)
 (匿名可/必須/非公開)
 (必須)
コメントスパム防止のため投稿前に ランダムな数字 CAPTCHAについて を入力してから投稿してください。お手数ですがご協力のほど宜しくお願いいたします。
 
MovableType, NovableType, JovableType, KovableType, MIvableType, M9vableType, M0vableType, MPvableType, MLvableType, MKvableType, MoCableType, MoFableType, MoGableType, MoBableType, MovQbleType, MovWbleType, MovSbleType, MovZbleType, MovaVleType, MovaGleType, MovaHleType, MovaNleType, MovabKeType, MovabOeType, MovabPeType, MovablWType, Movabl3Type, MovablRType, MovablDType, MovablSType, MovableRype, Movable5ype, Movable6ype, MovableYype, MovableGype, MovableFype, MovableTTpe, MovableT6pe, MovableT7pe, MovableTUpe, MovableTHpe, MovableTGpe, MovableTyOe, MovableTy0e, MovableTy-e, MovableTyLe, MovableTypW, MovableTyp3, MovableTypR, MovableTypD, MovableTypS プラグイン HTML, GTML, YTML, UTML, JTML, NTML, BTML, HRML, H5ML, H6ML, HYML, HGML, HFML, HTNL, HTJL, HTKL, HTMK, HTMO, HTMP ダウンロード