[JSライブラリ][WYSIWYG][テーマ管理] TinyMCEを6→7へアップデート OW-2523

[akagane99]

概要

• TinyMCEを6.x系→7.x系にアップデートしました。
• TinyMCEのimageプラグイン（Connect-CMSで改造）にパッチ（6.x系→7.x系）を当てました。
• TinyMCEの日本語言語JSを6.x系→7.x系に上書きしました。

注意

• TinyMCEのtemplateプラグイン（定型入力）はTinyMCE 7.xのオープンソース版から削除されたため、使えなくなりました。
  • 参考：https://www.tiny.cloud/docs/tinymce/latest/migration-from-6x/#removed-plugins
  • テーマ管理のテンプレート編集機能を無効にしました。

修正後画面

例）固定記事＞編集

テーマ管理＞ユーザ・テーマ

npmライブラリ コマンド

# devDependenciesにインストール
npm i -D tinymce@7

# 全ライブラリの最新化
npm update

# app.js, app.cssの最新化
npm run prod

簡易テスト

• github actionsで簡易テストを実施しました。
  • https://github.com/opensource-workshop/connect-cms/actions/runs/14813511458

レビュー完了希望日

なし

関連Pull requests/Issues

• build(deps-dev): bump tinymce from 5.8.0 to 7.2.0 #2186
• [JSライブラリ][WYSIWYG] TinyMCEを5→6へアップデート OW-2523 #2188
• [JSライブラリ][WYSIWYG] TinyMCEを5の最新版へアップデート OW-2523 #2187
• [JSライブラリ][WYSIWYG] TinyMCEのnpmインストール版に切替 OW-2523 #2185

参考

• 移行
  • Migrating from TinyMCE 6 to TinyMCE 7 | TinyMCE Documentation
    https://www.tiny.cloud/docs/tinymce/latest/migration-from-6x/#removed-plugins
• license_key設定
  • License key | TinyMCE Documentation
    https://www.tiny.cloud/docs/tinymce/latest/license-key/
    サンプル

tinymce.init({
  selector: 'textarea',  // change this value according to your HTML
  license_key: 'gpl'
});

DB変更の有無

無し

チェックリスト

• プルリクエストにわかりやすいタイトルとラベルを付けました。https://github.com/opensource-workshop/connect-cms/wiki/Pull-requests-Rule