そっと、はてなブログ

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

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

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

はてなブログMarkdownモードでの「はてなブックマーク貼り付け機能」に、リンクとコメントの間が改行されない不具合

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

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

 この不具合は、9/26に修正された。

  • Markdownモードにおいて、 編集サイドバーからはてなブックマークを貼り付けできない不具合を修正しました。

 しかし、この修正によって今度はリンクとコメントの間が改行されない不具合が生じるようになった。

■リンクとコメントとの間が改行されない

 9/26の修正によって、Markdownモード使用時に「はてなブックマーク貼り付け機能」で貼り付けられるリンクは、<a>タグではなく、はてな記法http記法を利用した形式に変わった。

 例えば、次のような文字列が貼り付けられる。

[http://staff.hatenablog.com/entry/2012/09/26/182527:title:bookmark]
Markdown記法バグ http://goo.gl/ypXUi は修正の結果、別の不具合が発生。後で書く/ラボのアイコン作成サービス http://16x16.hatelabo.jp/ は10/1で終了。急がなきゃw

 これを、Markdownモードで表示すると、以下のようになる。

ブログのアイコンを設定できるようにしました - はてなブログ開発ブログ Markdown記法バグ http://goo.gl/ypXUi は修正の結果、別の不具合が発生。後で書く/ラボのアイコン作成サービス http://16x16.hatelabo.jp/ は10/1で終了。急がなきゃw

■「(半角スペース)ゼロで」「2つは必要ですよ!分かって下さいよ!」

 なぜ、リンクとコメントの間が改行されないのか。実は、ここがMarkdwon記法の面倒臭い所なのだ。

 Markdown記法では、テキスト上の改行文字は無視される。はてな記法に慣れている人には厄介な仕様だ。

 では、改行するためにどうしたら良いかと言うと…

  • (方法1)改行したい行と行の間に空行を挟む  →  それぞれ<p>タグで囲まれ別段落として処理される
  • (方法2)改行したい行の末尾に半角スペース2個を置く  →  <br />タグが挿入される

という2つの方法が用意されている(詳細は、拙記事を参照のこと)。

 だからこの不具合の修正も単純だ。Markdownモードだった場合に「はてなブックマーク貼り付け機能」で貼り付けるリンクのhttp記法の末尾に「半角スペース2つ」を入れれば良い。あるいは、http記法で書かれたリンクとコメント文の間に空行を入れれば良い。

 前回の不具合は「半角スペース4つ」を行頭に挿入したことが原因だったので、「2つで十分ですよ!分かって下さいよ!」と指摘した。今回は、「2つは必要ですよ!分かって下さいよ!」と指摘したいw

 ちなみに、見たままモード使用時に「はてなブックマーク貼り付け機能」で貼り付けられるHTMLは、次のようなものだ。

<p><a href="http://staff.hatenablog.com/entry/2012/09/26/182527">ブログのアイコンを設定できるようにしました - はてなブログ開発ブログ</a> <a class="http-bookmark" href="http://b.hatena.ne.jp/entry/staff.hatenablog.com/entry/2012/09/26/182527"><img src="http://b.st-hatena.com/entry/image/http://staff.hatenablog.com/entry/2012/09/26/182527" alt="" /></a></p>
<p>Markdown記法バグ http://goo.gl/ypXUi は修正の結果、別の不具合が発生。後で書く/ラボのアイコン作成サービス http://16x16.hatelabo.jp/ は10/1で終了。急がなきゃw</p>


今回追加されたMarkdownモード版のスーパーpre記法(シンタックス・ハイライト)の方は、無事に動いているようだ。

  • Markdownモードにおいて、コードブロックのシンタックスハイライトに対応しました。


【関連リンク】


【関連するMy記事】


Markdown Love

Markdown Love