読者です 読者をやめる 読者になる 読者になる

はてなのブログにwonderflを貼る時のメモ

wonderfl

wonderflの投稿をブログに貼る時、ちょっと気をつけなきゃないことがあります。
基本コピペで貼るだけで良いんですが、そのままでは表示されなくて、iframeのtitleを消すとうまく表示されるっぽい(2009-02-16現在)。

駄目な例
<div style="text-align:center;width:465px;"><iframe title="forked from: 3d wire - wonderfl build flash online" src="http://wonderfl.kayac.com/blogparts/3898c6a523e780433352fd0b29bd6e4545cd0f83" width="465" height="490" style="border:1px black solid;"></iframe><a href="http://wonderfl.kayac.com/code/3898c6a523e780433352fd0b29bd6e4545cd0f83" title="forked from: 3d wire - wonderfl build flash online">forked from: 3d wire - wonderfl build flash online</a></div>
OKな例
<div style="text-align:center;width:465px;"><iframe src="http://wonderfl.kayac.com/blogparts/3898c6a523e780433352fd0b29bd6e4545cd0f83" width="465" height="490" style="border:1px black solid;"></iframe><a href="http://wonderfl.kayac.com/code/3898c6a523e780433352fd0b29bd6e4545cd0f83" title="forked from: 3d wire - wonderfl build flash online">forked from: 3d wire - wonderfl build flash online</a></div>

↓OKな例を貼ると以下のようになる。

追記2009/07/14

またちょっと変わったので追記。
 1.属性「title」を消す
 2.属性「scrolling」を消す
 3.属性「src」を「http://wonderfl.net/」から「http://wonderfl.kayac.com/」に変更する。

駄目な例
<div style="text-align:center;width:465px;"><iframe title="キーボードだけで絵を描いてみる。 - wonderfl build flash online" scrolling="no" src="http://wonderfl.net/blogparts/ea50741007510c2027e87d7150b2538ba6c09565" width="465" height="490" style="border:1px black solid;"></iframe><a href="http://wonderfl.net/code/ea50741007510c2027e87d7150b2538ba6c09565" title="キーボードだけで絵を描いてみる。 - wonderfl build flash online">キーボードだけで絵を描いてみる。 - wonderfl build flash online</a></div>
OKな例
<div style="text-align:center;width:465px;"><iframe  src="http://wonderfl.kayac.com/blogparts/ea50741007510c2027e87d7150b2538ba6c09565" width="465" height="490" style="border:1px black solid;"></iframe><a href="http://wonderfl.net/code/ea50741007510c2027e87d7150b2538ba6c09565" title="キーボードだけで絵を描いてみる。 - wonderfl build flash online">キーボードだけで絵を描いてみる。 - wonderfl build flash online</a></div>