石輪っぷり!
MT4 の リッチテキストエディタは IE でしか使えない
2008年1月15日 17時30分 | コメント(3) | トラックバック(0)
※この投稿は180日以上前のものです。最新の情報とは異なる場合があります。
私は普段 Firefox を使用していますが、MT4 で新たに実装されたリッチテキスト（WYSIWYG）エディタから吐き出される XHTML は段落分けがなされず、ダメダメだと思っていました。
それが、どうも Internet Explorer だときれいに段落分けをしてくれることがわかりました。
以下、テストしてみた結果。
- Internet Explorer では Ver.7、Ver.6 ともに、入力中に [Enter]キーを押すと段落分けされて <p>〜</p> タグが、[Shift]＋[Enter] では改行されて <br /> タグが挿入されます。
- Firefox（Ver.2）では [Enter]、[Shift]＋[Enter] ともに <br /> タグしか挿入されません。おまけに本文の最後に余分な <br /> が付いてしまいます。
- Opera（Ver.9）も Firefox 同様、<br /> タグしか挿入されません。そればかりか、Opera では全角文字を入力しようとすると、変換を確定した瞬間に文字が二重に挿入されてしまうという、とんでもない挙動をおこします。
- Safari（Ver.3）では [Enter]、[Shift]＋[Enter] も <div>〜</div> が挿入されます。
つまりまともに動くのは CSS の実装とか Web標準とかいった面で最もいけてない Internet Explorer のみ。せめて Firefox にも対応して欲しかった。
と、この記事を公開した後でさらにとんでもないことが判明したので追記。
リッチテキストで画像を挿入すると、今度は逆に Internet Explorer で問題が。
MT4 では画像を挿入すると、アイテムと関連付けをするために <form 〜><img 〜 /></form> というタグが挿入され、これが実際のWebページ上の表示では <span 〜><img 〜 /></span> という形に変換されるようなのですが、Internet Explorer では変換されず、<form>タグのままです。見た目は同じようなんですが、<p>〜</p> の中に <form> が入っちゃってる（＝文法エラー）し、Webページ上で無意味な <form>タグが残るのはいただけません。
結局、Web標準とか意識するならリッチテキストは使わず、MT3.x までに使われていた従来の方法を使うべきですね。
でもそれじゃ、クライアントにとって MT4 を使うメリットはほとんどありません。はぁ〜
トラックバック(0件)
- :
- « 前の記事
- リンクを新しいタブ or ウィンドウで開く
- 次の記事 »
- 「Movable Type 4.1」リリース
コメント(3件)
1. 長谷川 | 2009年6月25日 11時30分
こんにちわ、最近ＭＴをいじり始めたものです。
個の記事に書かれているとおり、まさにそのツボにはまってしまいました。
以前のＭＴのブログを更新していたのですが、その方が断然更新しやすかったです。
４でＦＸで編集すると記事は改行されないで、
記事が重なってしまったり、もう、どうなっているのっていう感じで困っています。
その後、解決法などありますでしょうか？
2. いしわ | 2009年6月25日 14時27分
コメントありがとうございます。
結局、Internet Explorer以外ではMT4のリッチテキストエディタは使えないようです。（画像のタグがに変換されない件は修正されました。）
なお、FCKeditorや、TinyMCE for Movable TypeといったWYSIWYGエディタを導入するとFirefoxでも利用可能です。（一部正常に機能しない部分もありますが、概ね問題ないようです。）
ただWYSIWYGエディタを使うと、自由に編集できる反面、どうしてもWeb標準やアクセシビリティから外れたり、統一感がなくなったりしますので、よほど自由に編集したいという要求でなければ、フォーマットは「改行を変換」を使うようにしています。
3. 長谷川 | 2009年6月25日 14時46分
ご回答ありがとうございました。
「改行を変換」で扱ったら、今までのように出来ました。
自由に編集できるのは、扱えない人から考えたら一見よいかもしれませんが、更新作業をする人にも最低限の知識を持ってもらうのがいいかもしれませんね。＾＾
どこまでも対応したら制作するほうは大変な事になってしまいそうですね。
コメントする