[JSライブラリ][WYSIWYG] TinyMCEのnpmインストール版に切替 OW-2523

[akagane99]

概要

• アップデートしやすいように、直配置されたTinyMCEのJSライブラリをnpmインストール版に切替えました。
• バージョンは直配置された5.8.0と同じものをインストールしました。
• TinyMCEの自作プラグイン（翻訳やPDFアップロード等）は、resources/js/tinymce/plugins に移動し、npm run prod 時に含めてapp.jsにまとめる形で対応しました。

修正後画面

固定記事＞編集

変わりなく動作する事を確認しました。

npmライブラリ コマンド

npm i -D [email protected]

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

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

簡易テスト

• サブディレクトリインストールでも動作する事を確認しました。
• github actions
  • https://github.com/opensource-workshop/connect-cms/actions/runs/14772530261
  • エラーなしを確認しました。

レビュー完了希望日

なし

関連Pull requests/Issues

• [WYSIWYG] ディレクトリインストール＋WYSIWYGでTinyMCE関連のcssが404になる不具合対応2 #2175

参考

• Bundling an npm version of TinyMCE with ES6 and Webpack | TinyMCE Documentation
  https://www.tiny.cloud/docs/tinymce/5/webpack-cjs-npm/
• tinymce.jsを含むapp.jsから相対パスでスキンのcssが参照される
  • Bundling TinyMCE skins using module loading | TinyMCE Documentation
    https://www.tiny.cloud/docs/tinymce/5/bundling-skins/
• postCss
  • 8.x アセットのコンパイル（Mix） Laravel
    https://readouble.com/laravel/8.x/ja/mix.html#postcss

DB変更の有無

なし

チェックリスト

• (DB変更有りの場合) 移行プログラムに影響がない事を確認しました。https://github.com/opensource-workshop/connect-cms/wiki/Pull-requests-check-list---Migration
• プルリクエストにわかりやすいタイトルとラベルを付けました。https://github.com/opensource-workshop/connect-cms/wiki/Pull-requests-Rule