i-8jo.com（Yahoo!blog入門）

Yahoo!blogに「エディターモード」登場？

今日、新規投稿部分のソースを見ていたら面白いものを見つけました。

---

function changeEditorMode( type) {

var frm=document.f;

var oType = 't';

var submit = false;

if ( oType == type ) return;

switch(type) {

case 't':

if ( confirm("一般編集に切り替えますか?" ) {

frm.changeEditor.value = 'T';
submit = true;
if ( oType == 'y' ) {

frm.content.value = frm.yeditor.bodyHTML.replace(/<BR>/g, "\n";
if ( frm.content.value == "<P> </P>" ) frm.content.value = "";

}

}

break;

case 'y':

if ( confirm("HTMLツールに切り替えますか?" ) {

frm.changeEditor.value = 'Y';
submit = true;
frm.content.value = frm.content.value.replace(/\r\n/g, "<BR>";

}

break;

case 'p':

if ( confirm("ペイントツールに切り替えますか?" ) {

frm.changeEditor.value = 'P';
submit = true;
if ( oType == 'y' ) {

frm.content.value = frm.yeditor.bodyHTML.replace(/<BR>/g, "\n";
if ( frm.content.value == "<P> </P>" ) frm.content.value = "";

}

}

break;

}

---

私は詳しくないのですが、これは恐らく新規投稿画面での新しい機能の一部だと思われます。

現段階で、記事を飾り付けるには手打ちでhtmlタグやwikiを打ち込まなくてはなりませんが、
これを見ていると「htmlツール」なるものが出てくるようですね。
更に「ペイントツール」とありますので、もしかしたら画像編集のツールまで付くのかもしれません。

あくまでも、推測に過ぎないですが、これは期待できますね。

、、、でも、その前にサーバーの重さを何とかしてもらいたいものですね。
今でも、私は夜にYahoo!blogには近づきません。だって、開かないんですもの、、。

記事本文を飾り付けてみよう「（その２４）Wiki超入門１４」

今回はテーブルの色やサイズの変更の仕方をご説明します。
テーブルの中で改行ができないので、あまり使い勝手は良くありませんが、見た目にアクセントを付けるにはアイディア次第で有効な方法だと思います。それでは、やってみましょう。

※Wikiを使用する場合は、記事本文を記入する欄の右上にある「Wiki文法使用」をチェックしておいてください。

基本的なルールとしては

||||
||<#色の値' width=横幅 height=高さ ``表の文

です。

・"|"は縦棒です（何て言うのか判りません）。私のキーボードでは右上の"\"キーをShiftと一緒に押すと出てきます。
・色の値の次にあるのは['](シングルクォーテーション)です。私のキーボードでは"7"キーをShiftと一緒に押すと出てきます。
・表の文の前にあるのは[`](何て言うのか判りません)。私のキーボードでは右側の"@"とshiftを一緒に押すと出てきます。

■テーブルの色と大きさを変える（1行で横幅100px・高さ100pxの時）

文法）
||||
||<#ff0000' width=100 height=100 ``赤色です
||<#00ff00' width=100 height=100 ``緑色です
||<#0000ff' width=100 height=100 ``青色です

結果）

赤色です	緑色です	青色です

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

■テーブルの色と大きさを変える（2行で横幅100px・高さ50pxの時）

文法）
||||
||<#ff0000' width=100 height=50 ``赤色です
||<#00ff00' width=100 height=50 ``緑色です
||<#0000ff' width=100 height=50 ``青色です
||||
||<#ffff00' width=100 height=50 ``黄色です
||<#00ffff' width=100 height=50 ``水色です
||<#ff00ff' width=100 height=50 ``ピンクです

結果）

赤色です	緑色です	青色です
黄色です	水色です	ピンクです

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

如何でしょうか？上手く表示されましたか？
いろいろと細かい設定がでてきて、難しく感じるかもしれませんが、一つ一つやっていけばそんなに難しいことではないと思います。恐れずに試して見てくださいね。

参考
色見本はこちらをご覧ください。
色見本１
色見本２

また、Yahoo!blogの場合、記事の部分の横幅は560pxに設定されているようです。
テーブルの大きさを設定する時は、横幅の合計をそれ以下にしておいた方が良いでしょう。

[感謝]
この記事は「きろくぶろぐ」さんの記事を参考にさせていただきました。
もしも、参考になりましたら「きろくぶろぐ」さんのページにて、ボタンをお願いします。
「きろくぶろぐ」さんの研究の成果に感謝！！

[☆歓迎☆]
コメント・トラックバック大歓迎！
転載をご希望の方は右下のを押してください。