Project

General

Profile

Task(タスク) #4071

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

Added by kaoru n over 2 years ago. Updated over 2 years ago.

Status:
New(新規)
Priority:
High(高め)
Target version:
Start date:
2016-12-20
Due date:
% Done:

0%


Description

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 以外のライブラリへ変更する案も同時に検討したい。


Related issues

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

History

#1 Updated by kaoru n over 2 years ago

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

#2 Updated by kaoru n over 2 years ago

  • Related to Bug(バグ) #2000: プレビューモードの絵文字パレットの右上にスペースがある added

#3 Updated by kaoru n over 2 years ago

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

#4 Updated by kaoru n over 2 years ago

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

#5 Updated by kaoru n over 2 years ago

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

#6 Updated by kaoru n over 2 years ago

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

#7 Updated by kaoru n over 2 years ago

#8 Updated by kaoru n over 2 years ago

  • Related to Bug(バグ) #1302: OpenPNE's tinyMCE plugin can't convert from <i> tag to <op:i> tag added

#9 Updated by kaoru n over 2 years ago

#10 Updated by kaoru n over 2 years ago

  • Tracker changed from Enhancement(機能追加・改善) to Bug(バグ)
  • Subject changed from OpenPNEに同梱されている TinyMCE 3.4.4 が IE11 に対応していないため、バージョンアップについて調査を行う to OpenPNEに同梱されている TinyMCE 3.4.4 が IE11 に対応していないため、バージョンアップする
  • 3.6 で発生するか set to Unknown (未調査)
  • 3.8 で発生するか set to Unknown (未調査)

#11 Updated by kaoru n over 2 years ago

  • Tracker changed from Bug(バグ) to Task(タスク)
  • Subject changed from OpenPNEに同梱されている TinyMCE 3.4.4 が IE11 に対応していないため、バージョンアップする to OpenPNEに同梱されている TinyMCE 3.4.4 が IE11 に対応していないため、バージョンアップについて調査する

#12 Updated by Youichi Kimura over 2 years ago

  • Assignee set to Youichi Kimura

#13 Updated by Youichi Kimura over 2 years ago

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

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

#14 Updated by Youichi Kimura over 2 years ago

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 Updated by kaoru n over 2 years ago

  • Target version changed from OpenPNE 3.9.0-old to OpenPNE 3.9.0

Also available in: Atom PDF