はてなのブログに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>