無料ブログ「rentafree.net」の管理人ブログ

記事編集ページの画像アップロード機能

記事編集ページに画像アップロード機能つけました。

記事編集ページからの画像アップロードは、
Firefox4.0
以上とかGoogle Chromeの新しいのとか、
かなり最新のブラウザでないと使えません。
IEは全部ダメです。

ファイルマネージャからのアップロードは今までどおり古いブラウザでもアップロードできます。

これまで推薦ブラウザは
Firefox3.6
でしたが、
Firefox3.6でフル機能が使えなくなったので
Firefox4.0以上推薦に変更しました。

エディターを修正しました

ブログ記事編集のエディターを修正しました。

主な修正内容
*作成済み<table>の設定変更した際にborderまわりの設定がある場合はすべてのセルを更新するようにした。
*<table>設定のborderまわりの項目にマウス操作ツールをつけた。
*IEでstyle項目の除外がうまくいってなかった箇所を修正。

まあ、わかりにくい説明になっちゃいますが、
エディタの右クリックからのCSS設定まわりの修正です。

ブラウザのキャッシュが使われて新しいエディタに変わらない可能性もありますが、
記事編集画面で「Ctrl+F5」を押せば新しいのになると思います。

不具合ありましたら報告お願いします。

記事編集フォームに画像挿入機能をつけました

記事編集フォームに、
アップロード済み画像の一覧表示と、クリックで本文に挿入する機能をつけました。

挿入先の「本文・追記」切り替えもできるようにするつもりでしたが、
つけるの忘れました。
まあ、選択できないほうがUIがシンプルで簡単ってメリットもありますんで、これでもいいかな・・・と。
要望ある様ならつけます。

一覧に表示されるファイルは、
*ファルマネージャの一覧上位50件以内。
*拡張子が「.jpg」「.jpeg」「.gif」「.png」のどれか。
で、最大10件表示されます。


記事編集画面からのファイルアップロードもできるようにしようか検討しているんですが、
JavaScriptでのファイルアップロードってのは、
かなり裏技的な手法を用いないとできないようで、
他所のブログサービス見ても、
新規タブでファイル選択させたり、iframeにアップロード用formを入れたり・・・
ってな方法で実装させてるぽいんですが、
スマートな方法じゃないと思うし、できれば避けたい感じ・・・
新規タブでアップロードさせるんなら、ファイルマネージャ新規タブで表示すればいいわけですし。

新規タブもiframeも使わない方法も思いついたんで実験してみたんですが、
Firefox以外のブラウザだと実装できそうなんだが、
Firefoxが無理ぽかった。
当サービスの推薦ブラウザがFirefoxなんで、それはヤメた。

といった感じで、とりあえずアップロード機能は今のところなし。
あった方がいい機能とは思いますんで、
今後も機能の実装は検討します。