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

ブログエディターで表のセルにstyle

管理人ブログの"対応ブラウザ"ページなんかがそうですが、
ブログ記事に表を記載したい場合、表に枠つけることが多いと思いますが、
うちのブログエディターで簡単に枠をつけることができますが、
各<td>にCSS書くんで、HTMLコードの量が多くなってHTML直接見ると意味がわからん・・・

ってわけで、
各<td>にCSS書かずに、
<colgroup>使うように修正しようか考えてる。

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

昨日、IE10でのブログエディターテストを行い、

・rangeにタグを適用した際に破損する場合がある。

という症状に気づいたのですが、
念の為にIE9についても確認したところ、同様の症状が発生していました。

IE9は当サービスの対応ブラウザであり、利用者も多いと思うので対応しなきゃマズイと思うので、
旧エディタに修正を行いました。
ブログエディタの利用にかなり致命的な症状だと思いますが、いつから問題が生じていたのかはわかりません。


rangeの手前が<br>の際(つまり、行頭から1行まるごと選択した場合など)に、
rangeの手前に何かを入れた場合に勝手にrangeが拡大されてしまう?ぽい感じで、
range.startContainerが変化するためにエディター領域が破損していた感じです。
rangeの手前ではなく、range内にタグを入れる感じに変更しました。


今回の修正はIE9,10以外にも、Webkit、Operaが影響を受けます。
IE7,8はrange処理を分けてあるので影響を受けません。
Firefox(8以降)は新エディターになるので影響を受けません。

問題が生じるようになったブラウザがありましたら報告お願いします。


IE10をちょっと使ってみたんだが・・・

IE10をちょっと使ってみたんだが、
これはもうほぼ完成してる状況なのかな?
いろいろおかしい感じなんだが、
特にrange周りで、うちのブログエディターが致命的レベル・・・

このまま出されたりしたら対応考えんと・・・

NetFrontとjigbrowser・・・

NetFrontとjigbrowserがAndroid用もあるみたいなんだが、
この2つは多分独自コアだからテスト環境に追加したいところだが、
手元のAndroid端末が非対応らしくてGoogle Playに出てこない・・・

電話機能なしのタブレット非対応なのかな?
どういう条件で「対応/非対応」分けてるのかわからん。

アクセス解析ページをスマホ最適化しました

サービス内サイトのアクセス解析とアクセス解析ツールのページは今まで小画面端末でも2カラムになっていましたが、
他のページと同様に画面サイズが小さい場合は1カラムになるように変更しました。

現状Opera以外のブラウザでは縮小表示されてしまうので見にくいと思いますが、
公式サイト内の全てのページでスマホ時1カラム化が完了したと思います。

縮小表示の問題は、
当サービスのメインであるブログのエディタがタッチパネルだと厳しいので、
縮小表示の問題が解決されてもまだ問題が残りますし、
HTMLで設定せずにサイト全体一括でCSSで設定したいので現状はOperaのみ最適化されている状態です。
CSSでの縮小表示回避は他のブラウザもそのうち対応してくると思いますので、
ブラウザが対応し次第、最適化したいと思います。

日本語ファイル名のファイル投稿

日本語ファイル名のファイルが投稿された場合、
ファイルマネージャの一覧では日本語で表示されていたと思いますが、
実際にファイルへアクセスした場合にHTTPヘッダで返されるファイル名が文字化けしていたようです。
修正しました。


ブログエディターをちょっと修正

ブログエディターをちょっと修正しました。
新エディターの修正ですので、Firefox以外には影響ありません。

onkeypressイベントでEnterを監視していましたが、
onkeypressイベントは廃止されるようなんで、onkeydownで改行するようにしました。

あと、
先日Firefox15でKeyboardEvent.getModifierState()を取り込むかも・・・
と書きましたが、
アンドゥ・リドゥのCtrlとShift監視を変数記憶でやっていましたが、
現状でもevent.ctrlKeyとevent.shiftKeyで状態確認できるので不要なことに気づいたんで、
そこら修正しました。
これで、onkeyupも監視する必要なくなったので、
onkeypressとonkeyupは利用しなくなりました。
イベント監視が減ったので軽くなったかもです。

処理が変わりましたが結果は変わりませんので、
問題がなければ見た目には影響ありません。

Firefox 14.0.1 がリリースされています

Firefox 14.0.1 がリリースされています。
うちに影響のある変更はないと思います。

15のリリース日は8/28ぽいですが、近日中にテストを開始すると思います。
15で実装される、
KeyboardEvent.getModifierState()
が使えそうなので取り込むかも。