スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

ブログでの使いやすいソースの公開について

 Gooブログの投稿画面の仕様から、ソースを公開する場合に私は半角の<>などを全角として投稿していた。そのやり方では、投稿を見た方が<>を半角に変換しなければならなくて面倒だった。

 Gooブログの投稿画面でそのまま使用できるソースを表示しするためには、半角の<>を& lt,& gtにそれぞれ変換して表示する必要がある。そうしなければ、Gooブログの投稿画面はそのソースを実際のソースと勘違いしてしまうからだ。
 一度投稿して<>が表示できたものを投稿場面で再編集しようとすると、戻ってきた投稿の& lt,& gtはそれぞれ<>に変換されて戻ってくるので、そのまま再投稿すると画面が崩れてしまう点に気をつけなければならない。
 それを避けるためには、訂正は他のテキストエディターでやって保存しておいて、その保存されたテキストを訂正して再投稿すれば不具合を回避できる。あるいは、表示されたページのソースから投稿部分を抽出して、それをエディターで訂正するといい。

ソースをそのまま使える状態で画面表示してみた。

<center><span style="font-size:0px; color:#fff; line-height:30px; "><<div id="waku_idkey" style="position:relative; width:610px; height:440px; background-color:#fff; border: ridge 1px; z-index:1; filter: blendTrans(duration = 1); "><<div id="p_idkey1"style="position:absolute; top:5px; left:5px; visibility:visible; color:black; font-size:12px; "><img src="photo01"><br>caption01</div><<div id="p_idkey2"style="position:absolute; top:5px; left:5px; visibility:hidden; color:black; font-size:12px; "><img src="photo02"><br>caption02</div><<div id="p_idkey3"style="position:absolute; top:5px; left:5px; visibility:hidden; color:black; font-size:12px; "><img src="photo03"><br/>caption03</div><<div id="p_idkey4"style="position:absolute; top:5px; left:5px; visibility:hidden; color:black; font-size:12px; "><img src="photo04"><br>caption04</div><<div id="p_idkey5"style="position:absolute; top:5px; left:5px; visibility:hidden; color:black; font-size:12px; "><img src="photo05"><br>caption05</div><<div id="p_idkey6"style="position:absolute; top:5px; left:5px; visibility:hidden; color:black; font-size:12px; "><img src="photo06"><br>caption06</div><<div id="p_idkey7"style="position:absolute; top:5px; left:5px; visibility:hidden; color:black; font-size:12px; "><img src="photo07"><br>caption07</div><<div id="p_idkey8"style="position:absolute; top:5px; left:5px; visibility:hidden; color:black; font-size:12px; "><img src="photo08"><br>caption08</div></div><div><<span style="cursor:pointer; " onclick="if(cmd_idkey.innerText=='再生'){if(document.all)waku_idkey.filters[0].apply(); n=waku_idkey.style.zIndex; n--; if(n<=0)n=8; for(i=1; i<9; i++){ document.getElementById('p_idkey'+i).style.visibility='hidden'; }document.getElementById('p_idkey'+n).style.visibility='visible'; if(document.all)waku_idkey.filters[0].play(); waku_idkey.style.zIndex=n; }else{alert('再生を止めて実行してください'); }" style="font-size:25px; background-color:#168; width:60px; margin:2px; ">前へ</span><<span style="cursor:pointer; " id="cmd_idkey" onclick="if(cmd_idkey.innerText=='再生'){cmd_idkey.innerText='停止'; id_idkey=setInterval('{n=waku_idkey.style.zIndex; n++; if(n>8)n=1; if(document.all)waku_idkey.filters[0].apply(); for(i=1; i<9; i++){ document.getElementById(\'p_idkey\'+i).style.visibility=\'hidden\'; }document.getElementById(\'p_idkey\'+n).style.visibility=\'visible\'; if(document.all)waku_idkey.filters[0].play(); waku_idkey.style.zIndex=n; }',3000); }else{ clearInterval(id_idkey); cmd_idkey.innerText='再生'; }" style="font-size:25px; background-color:#168; width:60px; margin:2px; ">再生</span><<span style="cursor:pointer; " onclick="if(cmd_idkey.innerText=='再生'){n=waku_idkey.style.zIndex; n++; if(n>8)n=1; if(document.all)waku_idkey.filters[0].apply(); for(i=1; i<9; i++){ document.getElementById('p_idkey'+i).style.visibility='hidden'; }document.getElementById('p_idkey'+n).style.visibility='visible'; if(document.all)waku_idkey.filters[0].play(); waku_idkey.style.zIndex=n; }else{alert('再生を止めて実行してください'); }" style="font-size:25px; background-color:#168; width:60px; margin:2px; ">次へ</span></div></span></center>

コメントの投稿

非公開コメント

FC2カウンター
プロフィール

dongwcat

Author:dongwcat
FC2ブログへようこそ!

最新記事
最新コメント
最新トラックバック
カテゴリ
検索フォーム
RSSリンクの表示
リンク
ブロとも申請フォーム

この人とブロともになる

QRコード
QRコード
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。