そっと、はてなブログ

はてなブログのベータテストを生暖かい目で見守るブログです。

『そっと、はてなブログ』

…… はてなブログのベータテストを生暖かい目で見守るブログです。【 記事一覧 】

はてなブログMarkdownモードでの「はてなブックマーク貼り付け機能」に、整形済みテキストブロック化する不具合

f:id:mame-tanuki:20120922151414g:plain

 9/19、はてなブログに導入されたMarkdownモード。このMarkdownモードではてなブックマーク貼り付け機能を利用すると、貼り付けられたリンクが整形済みテキストブロックとして処理され、そのままHTMLの<a>タグが表示されてしまう不具合が発生する場合がある。

【9/26追記】

 9/26に不具合の修正が行われたが、今度は別の不具合が発生している。

■空行の次の行の先頭に貼り付けると、整形済みテキストブロックとして処理される

 不具合が発生する条件は、はてなブックマーク貼り付け機能で貼り付けた場所が以下の2つの条件を満たした場合だ。

  • 【条件1】貼り付けた場所が行の先頭
  • 【条件2】貼り付けた場所が空行の次の行

 この2つの条件を共に満たすと、例えば以下のように表示されてしまう。

<a href="http:&#x2F;&#x2F;mametanuki.hateblo.jp&#x2F;entry&#x2F;2012&#x2F;09&#x2F;22&#x2F;MarkdownList">はてなブログで「Markdown記法一覧」を書いてみるテスト - そっと、はてなブログ</a>>
<a class="http-bookmark" href="http:&#x2F;&#x2F;b.hatena.ne.jp&#x2F;entry&#x2F;mametanuki.hateblo.jp&#x2F;entry&#x2F;2012&#x2F;09&#x2F;22&#x2F;MarkdownList"><img src="http:&#x2F;&#x2>F;b.st-hatena.com&#x2F;entry&#x2F;image&#x2F;http:&#x2F;&#x2F;mametanuki.hateblo.jp&#x2F;entry&#x2F;2012&#x2F;09&#x2F;22&#x2F;MarkdownList"></a>

■「(半角スペース)4つ入れてくれ」「2つで十分ですよ!分かって下さいよ!」

 この不具合の原因は、貼り付ける<a>タグの頭に半角スペースを4つ入れていることだ。

 Markdown記法では、空行の次の行の先頭に置かれた「半角スペース4つ」は特別な意味を持つ。

Markdown記法では引用文の行頭に「4つ以上の半角スペース」あるいは「1つ以上のタブ」を置くことで、HTMLなどのソースコードを整形済みテキストとしてそのまま表示できる。
 ※pre記法と前の段落との間に空行が必要!


http://mametanuki.hateblo.jp/entry/2012/09/22/MarkdownList#Code%20Blocks

 空行の次の「半角スペース4つ」で始まる行は<pre>タグで囲まれ、整形済みテキストとして処理するのが、Markdown記法でのルールなのだ。

 だからこの不具合の修正は単純だ。Markdownモードだった場合に「はてなブックマーク貼り付け機能」で貼り付ける<a>タグの頭に「半角スペース4つ」を入れなければ良い。

 よく分からないのは、<a>タグの頭に「半角スペース4つ」を入れようと考えた、はてなスタッフの意図だ。貼り付け先の文章と<a>タグとの間に適度な余白を挟みたかったのだろうか?ならば、半角スペースを4つも必要だろうか?映画『ブレードランナー』に登場する屋台のオヤジじゃないけど、「2つで十分ですよ!分かって下さいよ!」と叫びたくなったw


【関連するMy記事】