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

昨日、Opera 12を試したんですが・・・

昨日、Opera次期バージョンの12を試したんですが、
やはりFormDataに対応しているようで、
ブログ記事編集ページの画像挿入からの画像アップロード機能が使えましたので、
ブラウザ対応表の方修正しておきました。
Operaは12で若干改善です。
新エディタはまだ非対応です。

Operaはテストブラウザで唯一、range操作の際にキャレットが消滅するという問題があり、
他ブラウザ(IE8以下除く)ではEnter入力の際に<br>が挿入されますが、
Operaでこれやっちゃうとキャレットが消えちゃうんでそこが対応できてません。

table関連もうすこし修正しました

ブログエディタのtable関連ですが、もうすこし修正を加えました。

まず、右のセルと統合ですが、
やっぱり右のセルにcolspanが設定されている場合でも右のセルを消滅させてその分拡大するようにしました。
下との統合はそうだし、その方がわかりやすいと思う。

あと、セル統合の際に統合先セル内の要素は消滅となりましたが、
innerHTMLも連結するようにしました。
中身入りのセルを統合する際に中身も統合されます。

次に、機能追加ですが、
rowspan又はcolspanが設定されているセルの場合、右クリックから左右又は上下の分割ができるようになりました。


複雑なんで怪しい所ではありますが、
手動編集でHTML構文的におかしくなってる場合は別ですが、
予定通りなら、いかなる場合もズレは生じないようになったつもりですので、
ここらでtable関連の修正は終わりだと思います。

Firefox用の新エディターで直接編集以外のtable操作でセルにズレが生じるようならバグですので報告お願いします。

現状新エディターはFirefox以外非対応で旧エディターの利用率が高いですが、
HTML5対応が進めば他ブラウザでも新エディターが使えるようになるはずですので、
旧エディターの方は致命的な問題以外では修正するつもりはありません。

tableリサイズの件

tableリサイズの件ですが、
セルの統合に関しても一応ずれないようにしました。
まあ、かなり複雑で怪しいので、不具合に気づきましたら報告していただけると助かります。

Firefox以外の方は修正してないので関係ないです。

右のセルと統合は、右のセルが同じ行にあり、
rowspanが同一の場合のみ可能になりました。
元の仕様は、rowspan設定済みセルは統合不可で、右のセルが同じ行にあるか確認していませんでしたのでズレる可能性がありました。

下のセルと統合も右のセルと同じ感じですが、
右のセルと統合は右のセルにcolspanがあればcolspan1分だけ左を拡大して右を縮小になりますが、
下のセルと統合は下のセルにrowspanが設定されている場合はその分拡大して下のセルは消去にしました。
下のセルを縮小の場合、下のセルを一段下に移さないといけないのでちょっとめんどい。