★★★ tips ★★★


May 11, 2003

Sanitize: Cleaning Up Incoming Data

2.63にアップデートした辺りからいままでに投稿されたコメントから埋め込まれた画像が消えてしまっていたり、新しく投稿するコメントに画像を埋め込めなくなったり(PreviewやPostを押すとimgタグが消えてしまう)などの問題が起きていたけれど、なんとか原因を突き止めて問題を解決することができたです。

お世話になったのは、こちらの方たち:
Ken & Sarah :: Our Story :: Another Self Deprecating Title
Movable Type User Manual: SANITIZE: CLEANING UP INCOMING DATA

原因は、MT編集画面のBLOG CONFIG(日本語化パッチを充てている場合では「BLOGの設定」)で以下のような設定の部分

Specifies the list of HTML tags allowed by default when cleaning an HTML string (a comment, for example).

ここには設定として
Use defaults:
Use my settings:
のどちらかをボタンで選択できるようになっているけど、ここがDefaultだとHTMLファイルが生成される時にimgタグがクリーンアップされてしまう模様。
理由は、HTMLタグを悪質に利用することで、Cookieを読まれたり、サーバー内のプライベートファイルを読まれたりすることを防ぐためで、defalutでは以下のようになタグのみコメントとして許可している。
 [a href, b, br, p, strong, em, ul, li, blockquote]
そこで次のようにストリングを変更して、Use my settings:のほうに入れてSaveして、サイトをRebuildしてみたところ、コメントに画像を埋め込むことが可能となりました。
 [font, span class, div class, a href, b, i, p, u, blockquote, img/, * src style align width height border] (attributeの指定(width, border, etc.)は、[,]の後に[*]で指定する)

ま、あんまりたいしたことしなくて元に戻ったのはいいとしても、いきなりだしわけわかんなかったよ。
とりあえず、めでたしめでたしということで、これからは思う存分画像入りコメントしてくださいま

Posted by @sushi at 01:59 PM | Comments (9) | TrackBack

December 18, 2002

[HOW TO] 画像を利用したEntry・Comment
Categories: Q&A | faq | help ! | movabletype | tips

image4.gif

画像を利用した投稿(Entry)がわからないという声があったので、こんなん作りました。
これでわかるかな??
分からなかったら質問をコメントでつけて。

■ ログイン後、Dejimahの[Manage Blog]をクリック

image1.gif

■ 左のメニューにある[Upload File]をクリック

image2.gif

■ [参照]を押して、アップロードしたいファイルを選ぶ

■ 選んだら、下の[Upload]をクリック

image3.gif

■ アップロードした画像を使用したEntryを新規に作る場合は、上の[create a new entry using this uploaded file]にチェック

■ コメント内に画像を使用したい時など、画像表示用にHTMLのタグだけが欲しい場合は、下の[Show me the HTML]にチェック

■ 画像が別ウインドウでポップアップで出てくるようにする時は、左の[POPUP IMAGE]をクリック

■ 画像がEntryやComment内に表示されるようにする場合は、右のEMBEDDED IMAGE]をクリック

image4.gif

■ [create a new entry using this uploaded file]を選んだ時はこのように、タグが入力された状態の、New Entry画面がでてくるので、タイトルやカテゴリーを選び、本文などを入力する。

■[Show me the HTML]を選んだ場合、タグが表示されるので、それをコピーして、Comment欄等にペーストして使う。

image5.gif

Posted by @sushi at 04:21 PM | Comments (48) | TrackBack

December 02, 2002

HTML tag
Categories: design | faq | help ! | tips | useful | web

ここでの投稿に使いそうなTagを置いときます。
コピペして手元に置いておくと便利かも。
くわしくは、こういうところで。

ここも便利やで
すぐに使えるタグ一覧

■ 太字(Bold)
<b>WORDS</b>
"WORDS"の部分が太字に

■ 斜体(Indent)
<i>WORDS</i>
"WORDS"の部分が斜体に

■ リンク(Hyperlink)
<a href="URL">WORDS</a>
"URL"にリンク先のURLを、"WORDS"にリンクを埋め込みたい文字を

■ 画像挿入
<IMG SRC="画像のパス.拡張子">
(画像のパスはUpload Fileで、Show HTMLを選ぶとでてくる。このBlogでは自動的に http://www.dejimah.com/blog/archives/画層の名前.拡張子になる。例:画像のファイル名がsantaで、形式がJpegならsanta.jpeg。英語じゃないとダメっぽい)

■ 画像にリンクを埋め込む
<a href="URL"><IMG SRC="画像のパス.拡張子"></a>
リンクのタグと画像のタグを組み合わせて、"WORDS"の部分を画像のタグで差し替えればOK

■ 文字の大きさ
<FONT SIZE=1>WORDS</FONT>
↑の数字が大きくなればなるほど文字の大きさも大きくなる

まずは試してミソ。

Posted by @sushi at 04:12 PM | Comments (21) | TrackBack

November 19, 2002

Commentの修正
Categories: tips

Commentの修正できるよ。

ます Edit Entry に行ってコメントをしたエントリ(元スレッド)の編集画面に入って、一番下までスクロールすると、コメントした人の名前のリストがあるので、そこで該当するコメントの投稿人(自分)のしたコメントへのリンクをクリックする。

編集画面に入るので、そこで修正してSaveする。

***注***
ここでも日本語で投稿していた場合は編集画面で文字が化けて出てくるので、一度日本語でのコメントを表示させて(自分のコメントを見に行って)コピーしてから、編集画面に戻ってペーストして、日本語で編集して再度Saveすればやりやすいです。
めんどくさいよね。はやく日本語の文字化け直したい。

Posted by @sushi at 10:43 AM | Comments (16) | TrackBack

November 13, 2002

フレッツの自動接続方法
Categories: faq | pc | tips

startup.jpg

フレッツの自動接続方法:

search "EnterNet.exe" in your local drive

create a shortcut

put it in C:¥Documents and Settings¥All Users¥スタート メニュー¥プログラム¥スタートアップ

本当はフレッツツールの設定でできるらしいけど、チェックボックスにチェックできない状態なっている。でもこうすればOK

Posted by @sushi at 04:19 PM | Comments (33) | TrackBack

November 12, 2002

文章中にリンクを張るには
Categories: movabletype | tips

新規に書き込みする時にある言葉にリンクを張る方法:

1. 書き込み画面(Entry bodyまたはExtende entryどっちでも)で、リンクを張りたい言葉を選択する

2. Entry bodyのフィールドの右上にURLというボタンがあるので、言葉を選択した状態でこのボタンを押す

3. URLを入力する画面が出てくるので、そこにリンク先のURLを入力


書き込みに対するコメントの文章中にリンクを埋め込む場合:

[a href="URL"]WORDS[/a]

↑のタグの"URL"のURLの部分をリンク先のURLで置き換える
その後にWORDSの部分にリンクが埋め込まれる文字・言葉を入力
(注:タグををリンクとして機能させないためにここでは通常の < を [ で、> を ] で置き換えてます)

例:たとえば、
こんなかんじ

↑のばあい、
URL=http://www1.odn.ne.jp/satoumizu/#
WORDS=こんなかんじ

Posted by @sushi at 03:36 PM | Comments (18) | TrackBack
コメント数の表示&コメント内のリンク
Categories: movabletype | tips

さっきポストした 文字化けへのコメント 、二つコメントがあるのにコメント数の表示は(1)ってなるのはなぜ?

あと、コメントの文章内にタグでリンクを埋め込んでも、活きないんだよね。
Joiの日本語サイト を見たら、コメントの文章にもリンク貼れてたからできるはずなんだけど。

Posted by @sushi at 09:57 AM | Comments (9) | TrackBack

November 05, 2002

Bookmarklets
Categories: movabletype | tips | useful

Bookmarklets | MOVABLE TYPE

BlogにPostするための便利ツール。わざわざLoginしなくても新規の投稿ができる。

After installing the bookmarklet, you can post from anywhere on the web. When viewing a page that you want to blog about, click the "Post to MT Blog" bookmarklet to open a popup window with a special Movable Type editing window. From that window you can select a blog to post the entry to, then enter you post, and publish.

上のリンク[ Bookmarklets | MOVABLE TYPE ] に行って、そこのにあるリンクをドラッグして、お気に入りのメニューに持っていくとOK.

ずっと前にPost したと思ってたんだけど、DraftでPublishされていなかった。

Posted by fuchi at 07:42 PM | Comments (2) | TrackBack