obsidian eyez

■ blosxom

blosxomが気になり始める。
MovableTypeがここで500エラーを返してばかりだからね
処理が長くて途中で止められてるのかな？無料のサーバだしさ

他のところでblosxomを動かしてみたが、
動くまでがMTよりめんどうだったなぁ
シンプルすぎて、まともなものにしようとすると結構大変
プラグインもたくさんでどれがどれとかよくわからないし
もっとユーザー数が増えて説明ページやテンプレートが増えてくれると助かる
まとめたパッケージとかもほしいなぁ デストリビューションになるのかな？

参考サイト
blosxomサイトの日本語訳
blosxomでGO★GO★
blosxom.org
C.G.I.::blosxom
blosxom of blosxom. （Mozillaだと表示が崩れる）

■ Mozillaでエントリー作成時の文字装飾

Mozillaとなってますが、実際は和ジラ1.5のWindows版です。
しかしRedHat9のMozilla 1.2.1で日本語がうまく囲めないです。無念
かなり適当に作ってます。 だいたいJavaScriptって文末にセミコロンいるんだっけか？
（そんなのもよくわかってないやつが書いてます）

edit_entry.tmplのheadタグ内のwrapSelection部分を変更

function wrapSelection(v) {

	var s = document.forms['entry_form'].text

	var s1 = (s.value).substring(0,getSelectStart(s))

	var s2 = (s.value).substring(getSelectEnd(s),getTextLength(s))

	if (v.indexOf(" ") > 0) {

		v2=v.slice(0, v.indexOf(" "));

	} else {

		v2=v;

	}

	s.value = s1 + '<' + v + '>' + getMozSelection(s) + '</' + v2 + '>' + s2

}

同じくedit_entry.tmplの400行目過ぎのスクリプトでボタンを書いてる後に下記を追加

<td width="24"><a href="javascript:wrapSelection('font color=\x22red\x22')">:red:</a></td>

<td width="24"><a href="javascript:wrapSelection('font style=\x22font-size:36pt;\x22')">:36pt:</a></td>

<td width="24"><a href="javascript:wrapSelection('p style=\x22line-height:1.0 !important; font-size:12pt;\x22')">:2ch AA:</a></td>

エントリー作成時の文字装飾で紹介されてるのの真似っこで
フォントの色を赤に指定する、36ptにする、2chAA用？です。
ダブルクオォーテーションがうまくいかなかったんでごり押しで\x22にしてみました。
だから変えればいろいろ作れるはずだねぇ
あと表とかも簡単に作れるようになるといいなぁ

■ Mozillaでエントリー画面のボタン表示

さっき書いたものを間違って消してしまった やれやれ
なんで適当に書き直し
Mozillaでエントリー画面のタグ追加用のボタンを表示させる方法です。

edit_entry.tmplの400行目あたりのスクリプトでボタンを書いてる後に下記を追加
Rich Text Editing in Movable Type Blogzilla

<TMPL_IF NAME=AGENT_MOZILLA>

<table border="0" cellspacing="0" cellpadding="0" width="107">

<tr>

<td width="24"><a href="javascript:wrapSelection('b')">

	<img src="<TMPL_VAR NAME=STATIC_URI>images/bold-button.gif" alt="bold" width="24" height="18" border="0"></a></td>

<td width="24"><a href="javascript:wrapSelection('i')">

	<img src="<TMPL_VAR NAME=STATIC_URI>images/italic-button.gif" alt="italic" width="24" height="18" border="0"></a></td>

<td width="24"><a href="javascript:wrapSelection('u')">

	<img src="<TMPL_VAR NAME=STATIC_URI>images/underline-button.gif" alt="underline" width="24" height="18" border="0"></a></td>

<td width="26"><a href="javascript:insertMozLink()">

	<img src="<TMPL_VAR NAME=STATIC_URI>images/url-button.gif" alt="link" width="26" height="18" border="0"></a></td>

</tr>

</table>

</TMPL_IF>

同じくedit_entry.tmplのheadタグ内ののスクリプトの部分に下記を追加
Hacking MT kurcula.com

<TMPL_IF NAME=AGENT_MOZILLA>

function getSelectStart(s) {

	return s.selectionStart;

}

function getSelectEnd(s) {

	return s.selectionEnd;

}

function getTextLength(s) {

	return s.textLength;

}

function getMozSelection(s) {

	return (s.value).substring(getSelectStart(s), getSelectEnd(s))

}

function setMozSelection(a,z) {

	s.selectionStart = a;

	s.selectionEnd = z;

}

function wrapSelection(v) {

	var s = document.forms['entry_form'].text

	var s1 = (s.value).substring(0,getSelectStart(s))

	var s2 = (s.value).substring(getSelectEnd(s),getTextLength(s))

	s.value = s1 + '<' + v + '>' + getMozSelection(s) + '</' + v + '>' + s2

}

function insertMozLink() {

	var s = document.forms['entry_form'].text

	var s1 = (s.value).substring(0,getSelectStart(s))

	var s2 = (s.value).substring(getSelectEnd(s),getTextLength(s))

	var my_link = prompt('Enter URL:', 'http://')

	if (my_link != null)

		s.value = s1 + '<a href="' + my_link + '">' + getMozSelection(s) + '</a>' + s2

}

</TMPL_IF>

原因はIEしか使えない document.selectionを使っているところがある MacのIEもダメみたい
Mozilla用にdocument.getSelection()を工夫して使う
Safariはwindow.getSelection()とか工夫すればできるんじゃないかと？ わからんけど

Bookmarkletを使う場合

Quoted from: MovableTypeで行こう！
Mozillaでもボタンを使いたい！

---

Bookmarkletを使っている人なら、以下の手順も追加でやってみてくださいまし。

bm_entry.tmplも同様に修正しましょう。

ただし、bm_entry.tmplの場合は、formにname属性がないので、このあたり修正してあげる必要がありました。

具体的には、headタグ中に追加するスクリプト中の

document.forms['entry_form'].text

を

document.forms['bm_entry_form'].text

として、

formタグ中に

name="bm_entry_form"

を追加してみました。

みんなすごいですねぇ 引用ばかりで申し訳ない

RedHat9のMozilla 1.2.1で日本語がうまく囲めないです。

■ Mozillaで 引用ボタン QTF

引用ボタン QTFv2.0 公開で公開されてるものをMozillaで使えるようにしたいと思います。
Mozillaでのエントリー画面のボタン表示可能にしてから
例のedit_entry.tmplを編集

下記をボタンを表示してるところへ追加 400行過ぎあたりね

function insertMozQuote () {

	var s = document.forms['entry_form'].text

	var s1 = (s.value).substring(0,getSelectStart(s))

	var s2 = (s.value).substring(getSelectEnd(s),getTextLength(s))

	var my_link = prompt('Enter URL:', 'http://');

	var my_origin = prompt('Enter ORIGIN:', 'ORIGIN');

	var my_heading = prompt('Enter HEADING:', 'HEADING');

	if (my_link != null)

		s.value =  s1 + '<blockquote><cite>Quoted from: <a href="' + my_link + '" target="_blank">' + my_origin + '</a></cite><br>' + my_heading + '<br><hr>' + getMozSelection(s) + '</blockquote>' + s2

}

で、下記をheadのスクリプトのところに追加

	<td width="26"><a href="javascript:insertMozQuote()">

		<img src="<TMPL_VAR NAME=STATIC_URI>images/qtf-button.gif" alt="link" width="26" height="18" border="0"></a></td>

でimagesフォルダにqtf-button.gif をつっこむ