プロジェクト

全般

プロフィール

Task(タスク) #4071

OpenPNEに同梱されている TinyMCE 3.4.4 が IE11 に対応していないため、バージョンアップについて調査する

kaoru nishizoe1年以上前に追加. 約1年前に更新.

ステータス:
New(新規)
優先度:
High(高め)
担当者:
対象バージョン:
開始日:
2016-12-20
期日:
進捗率:

0%


説明

Overview (概要)

OpenPNE がリッチテキストエディタとして採用している TinyMCE のバージョンが古く IE11 で正常に動作しないため、バージョンアップについて調査を行う。

正常に動作しない例
・プレビューモードが動作しない
・<meta http-equiv="X-UA-Compatible" content="IE=10"> を追加した場合、下記のような不自然な動作となる
1. プレビューモード を選択
2. 1行目に適当な文字を入力し、行末でEnterキーを押下するが、改行されずカーソルが行末に残る
3. 再度Enterキーを押下すると改行され、2行目の行頭にカーソルが移動する
4. 文字を入力すると、カーソルが3行目に移動し3行目行頭に文字が入力される

OpenPNE に同梱されている TinyMCE のバージョンは、3.4.4 であるが、TinyMCE 3.x は IE11 に対応していない。
http://archive.tinymce.com/wiki.php/TinyMCE3x:Browser_compatiblity
IE11 に対応している TinyMCE のバージョンは、4.x となる。
https://www.tinymce.com/docs/get-started/system-requirements/

TinyMCE3.x の最新版は 3.5.12(2016/10/31)
https://github.com/tinymce/tinymce/releases/tag/3.5.12
TinyMCE4.x の最新版は、4.5.1(2016/12/07)
https://github.com/tinymce/tinymce/releases/tag/4.5.1

OpenPNE としては、IE11 に対応する必要があるので、TinyMCE をバージョンアップする場合は、4.x にバージョンアップする必要がある。
また、OpenPNE では、同梱の TinyMCE に対して独自のカスタマイズを行っているため、このカスタマイズについても影響などの調査が必要。
#2362 にて、TinyMCE 3.2.7 から 3.4.4 へのバージョンアップが行われているので参考にする。

また、TinyMCE 以外のライブラリへ変更する案も同時に検討したい。


関連するチケット

関連している OpenPNE 3 - Bug(バグ) #128: JavaScript Error that "opEmoji is not defined" when Richtextarea is used before IE7 (リッチテキスト機能 IE7以前で「opEmoji宣言されていません」というエラーが表示される。) Fixed(完了) 2009-10-27
関連している OpenPNE 3 - Bug(バグ) #2000: プレビューモードの絵文字パレットの右上にスペースがある Fixed(完了) 2011-04-09
関連している OpenPNE 3 - Bug(バグ) #2362: IE9 で文字装飾のプレビューモードが正常に動作しない( tinymce のバージョンを上げる) Fixed(完了) 2011-08-22
関連している OpenPNE 3 - Bug(バグ) #2495: HTML挿入で テキストモード→プレビューモード→テキストモード の切り替えを行うとリンクの遷移先の指定が変更されてしまう場合がある Won't fix(対応せず) 2011-10-14
関連している OpenPNE 3 - Bug(バグ) #2496: HTML挿入で テキストモード→プレビューモード→テキストモード の切り替えを行うと <hr> の color 属性が消える Rejected(差し戻し)
関連している OpenPNE 3 - Bug(バグ) #3413: 管理画面のhtml挿入で,テキストモードからプレビューモードに切り替えた後,テキストモードに戻った時に入力内容が消える場合がある Rejected(差し戻し) 2013-09-30
関連している OpenPNE 3 - Bug(バグ) #1297: IE7,8 tinyMCEで文字装飾が反映されない Fixed(完了) 2010-07-06
関連している OpenPNE 3 - Bug(バグ) #1302: OpenPNE's tinyMCE plugin can't convert from <i> tag to <op:i> tag Fixed(完了) 2010-07-06
関連している OpenPNE 3 - Enhancement(機能追加・改善) #1963: 文字装飾のプレビューモードにて、絵文字コードを絵文字画像に変換して表示してほしい New(新規) 2011-03-22

履歴

#1 kaoru nishizoe1年以上前に更新

  • 関連している Bug(バグ) #128: JavaScript Error that "opEmoji is not defined" when Richtextarea is used before IE7 (リッチテキスト機能 IE7以前で「opEmoji宣言されていません」というエラーが表示される。) を追加

#2 kaoru nishizoe1年以上前に更新

  • 関連している Bug(バグ) #2000: プレビューモードの絵文字パレットの右上にスペースがある を追加

#3 kaoru nishizoe1年以上前に更新

  • 関連している Bug(バグ) #2362: IE9 で文字装飾のプレビューモードが正常に動作しない( tinymce のバージョンを上げる) を追加

#4 kaoru nishizoe1年以上前に更新

  • 関連している Bug(バグ) #2495: HTML挿入で テキストモード→プレビューモード→テキストモード の切り替えを行うとリンクの遷移先の指定が変更されてしまう場合がある を追加

#5 kaoru nishizoe1年以上前に更新

  • 関連している Bug(バグ) #2496: HTML挿入で テキストモード→プレビューモード→テキストモード の切り替えを行うと <hr> の color 属性が消える を追加

#6 kaoru nishizoe1年以上前に更新

  • 関連している Bug(バグ) #3413: 管理画面のhtml挿入で,テキストモードからプレビューモードに切り替えた後,テキストモードに戻った時に入力内容が消える場合がある を追加

#7 kaoru nishizoe1年以上前に更新

#8 kaoru nishizoe1年以上前に更新

  • 関連している Bug(バグ) #1302: OpenPNE's tinyMCE plugin can't convert from <i> tag to <op:i> tag を追加

#9 kaoru nishizoe1年以上前に更新

#10 kaoru nishizoe約1年前に更新

  • トラッカーEnhancement(機能追加・改善) から Bug(バグ) に変更
  • 題名OpenPNEに同梱されている TinyMCE 3.4.4 が IE11 に対応していないため、バージョンアップについて調査を行う から OpenPNEに同梱されている TinyMCE 3.4.4 が IE11 に対応していないため、バージョンアップする に変更
  • 3.6 で発生するかUnknown (未調査) にセット
  • 3.8 で発生するかUnknown (未調査) にセット

#11 kaoru nishizoe約1年前に更新

  • トラッカーBug(バグ) から Task(タスク) に変更
  • 題名OpenPNEに同梱されている TinyMCE 3.4.4 が IE11 に対応していないため、バージョンアップする から OpenPNEに同梱されている TinyMCE 3.4.4 が IE11 に対応していないため、バージョンアップについて調査する に変更

#12 Youichi Kimura約1年前に更新

  • 担当者Youichi Kimura にセット

#13 Youichi Kimura約1年前に更新

3/17 の MTG で決定した事項:

  • IE11 はサポート対象のため、少なくともこの不具合が起こらない状態にする必要がある
    • IE11 でも WYSIWYG 編集が行えるようにするか、IE11 でのみ無効化 (テキストモードのみで編集できる状態) にするか
  • TinyMCE の tinymce.isIE プロパティの判定が User-Agent に基づいており、この判定が IE11 では正常に動いていない可能性がある
  • そのため、簡単な修正 (tinymce.isIE を直すだけ) で済むのであればプレビューモードを使えるようにする方針で修正する
  • 難しければ IE11 ではプレビューモードを無効にする修正とする

#14 Youichi Kimura約1年前に更新

IE11 の開発者ツールで試した結果:

  • ドキュメントモード: IE11, User-Agent: IE11
    • プレビューモードは動作せず、入力も表示もできない
  • ドキュメントモード: IE11, User-Agent: IE10
    • プレビューモードは動作し入力も行えるが、1 つの改行で 1 行分の行間が空く (具体的には <br /> ではなく <p> で行が区切られている)
  • ドキュメントモード: IE10, User-Agent: IE11
    • プレビューモードは動作し入力も行えるが、Enter キー 1 回で改行が行われない (チケット本文の記載と同じ動作)
  • ドキュメントモード: IE10, User-Agent: IE10 (X-UA-CompatibleIE=10 を指定した場合に相当)
    • User-Agent: IE11 の場合と同じ動作

#4071-13 で予想していた「tinymce.isIE を直すだけ1」のパターンは、ドキュメントモード: IE11, User-Agent: IE10 で正常に動作することを期待したものであるが、この結果を見る限りでは User-Agent の判定を直しただけでは足りない模様。


1 User-Agent に MSIE (IE10まで) だけでなく Trident (IE8以降) が含まれることをチェックする修正。IE11 の User-Agent には Trident の表記しか存在しない

#15 kaoru nishizoe約1年前に更新

  • 対象バージョンOpenPNE 3.9.0-old から OpenPNE 3.9.0 に変更

他の形式にエクスポート: Atom PDF