Title: メールで投稿される引用部分を開閉できるようにしたい

メールで投稿された引用部分によってスレッドが長くなることを防ぐため、ここでは引用部分を投稿時に削除するのではなく、変換機能とスタイルシートを使い、引用部分を折りたたんだり展開したりしできるようにする方法を解説します。引用書式はメールソフトによって異なるので、ここでは Outlook 2007 の HTML 形式を例とします。

引用部分のサンプル Outlook 2007

メモ : 投稿時に引用部分を自動削除するには、次の機能を利用します。



変換の設定



<div>を<blockquote>に変換する設定の作成



上図の Outlook 2007 での引用部分(左端に青い線が引かれている部分)は、次の書式にになっています。

<div style="border:none;border-left:solid blue 1.5pt;padding:0mm 0mm 0mm 4.0pt">


この書式に合致する部分を <blockquote> に変換する設定を作成します。

サーバーセットアップ | サーバーファイル タブ | その他 タブ | カスタマイズ設定 タブ の「変換の設定」の [編集] をクリックし、「変換の設定」画面を表示します。そして、「メールのクリーンアップ」の [新規] ボタンをクリックします。

変換の新規作成

表示された「変換の作成と編集」画面右上のドロップダウンリストから [正規表現変換] を選択します。

正規表現の変換

次のように記入し、画面下部の [保存] ボタンをクリックします。



変換設定

メール投稿に適用する変換の編集



メール投稿時に適用される変換「メールのクリーンアップ」に、上記で作成した「引用DIVをBlockQuoteへ変換」を追加します。

画面右上のドロップダウンリストから [メールのクリーンアップ] を選択し、「選択可能」の一覧から上記で作成した [引用DIVをBlockQuoteへ変換」をクリックします。矢印の [移動] ボタンをクリックして右側の「選択済み」へコピーしてください。

複合変換の作成

「名前を付けて保存」欄に適当な名前(ここでは「メールのクリーンアップ2」とします)を記入し、[保存] ボタンをクリックし、画面を閉じます。

メール投稿に適用される変換の確認



「変換の設定」画面に戻り、「メールのクリーンアップ」で [メールのクリーンアップ2] が選択されていることを確認し、[適用] をクリックします。

変換設定

これで、メールで投稿される内容に「引用DIVをBlockQuoteへ変換」が適用される設定になりました。

スタイルシートの設定



FAQ1784: スタイルシートでスキンのデザインを変更するには を参考に、スタイルシートで <blockquote> タグに対して次の設定を追加します。



blockquote {
height: 1.4em;
overflow: hidden;
color: navy;
background: #f0f0ff;
padding: 0.4em;
border-left: 4px #339 solid;
}
blockquote:hover{
height: auto;
color: blue;
overflow: auto;
border-left: 4px blue solid;
}


スタイルシートの設定

投稿のテスト



Outlook 2007 からメールを投稿し、引用部分が <blockquote> に変換されること、マウスカーソルの位置によって引用部分が1行だけ表示されたりすべて表示されたりすることを確認してください。

マウスカーソルが引用部分の外側にあるとき



折り畳み表示

マウスカーソルが引用部分の内側にあるとき



展開表示



Attachments:
image01.png
transformer01.png
transformer02.png
transformer03.png
transformer05.png
style01.png
example01.png
example02.png
transformer04.png
関連記事
Article: FAQ2170 (permalink)
Categories: :FAQ:変換, :FAQ:メール投稿, :FAQ:Outlook
Date: 2012/05/14; 17時54分26秒 JST

Author Name: TeamPage サポート
Author ID: jpbo