カスタム TinyMCE 実装を破壊する可能性のある変更

一部の変更は サービスポータル のカスタム TinyMCE 実装を破壊する可能性があります

テーマとスキンに対する次の変更に注意してください。

• モダン テーマはサポートされていません。代わりにシルバーのテーマを使用してください。
• ライトグレーのスキンはサポートされていません。デフォルトのスキンはオーカーです。

  sn-editor-themed または sn-editor スキンも使用できます。sn-editor-themed スキンは Now Design System (NDS) のテーマ設定変数を使用し、sn-editor はハードコードされた値を使用します。

  注:

  ライトグレースキンのスタイルを維持するには、スタイルシートで次のコードを使用します。

  .tox .tox-toolbar-overlord {
        background-color: #f0f0f0 !important; 
     } 

サービスポータル の API メソッドの名前空間に対する次の変更に注意してください。

詳細については、 Tiny MCE5 のドキュメント「 Migrating from TinyMCE 4 to TinyMCE 5 (TinyMCE 4 から TinyMCE 5 への移行) 」を参照してください。

追加の変更

次の変更は、サービスポータル のカスタマイズした TinyMCE 実装に影響を与える可能性があります。

• コピー&ペーストなどの機能のブラウザコンテキストメニューを使用するには、キーボードで control + click (Windows の場合) または Command + Click (Mac の場合) を選択します。右クリックすると、ブラウザのコンテキストメニューの代わりに[リンク]オプションが開きます。
• HTML プレースホルダーはサポートされていません。文字列ベースのプレースホルダーのみがサポートされています。
• デフォルトでは、カスタム読み取り専用プラグインは利用できません。readonlynoborder を glide.ui.html.editor.v5.enabled_plugins に追加する必要があります。

• 新しいシステムプロパティ glide.ui.html.editor.default_link_target を使用すると、リンクのデフォルトのターゲット値を設定できます。文字列値には、「_blank」、「_self」、および「_top」が含まれます。デフォルトのターゲット値は '' です。

• サイズ変更オプションは、エディターに加えてツールバーのサイズも変更します。resize がツールバーに適用されないようにするには、min_height オプションを追加します。
• サイズ変更 はモバイルではサポートされていません。
• toolbar_mode オプションは、デスクトップ用には wrap ではなく floating にデフォルトで設定されています。この設定を変更すると、TinyMCE 4 のデフォルトの外観が復元されます。
• toolbar_mode オプションは、モバイル用には wrap ではなく scroll にデフォルトで設定されています。モバイル用のこの設定を変更すると、TinyMCE 4 の外観が維持されます。
• height オプションはエディターの全高を表します。更新により、ツールバーに 39 ピクセル、ステータスバーに 18 ピクセルが追加されました。
  注:

  高さが正しく設定されていないと、不要なスクロールバーが表示されることがあります。
• sn_mentions プラグインは sn-editor スキンを使用します。sn-editor-themed スキンもサポートされています。
• コンテキストメニューオプションには、デフォルトでリンクオプションのみが含まれています。contextmenu:false を追加して、TinyMCE 4 の外観を維持します。
• fontsize_formats オプションの値は、fontsize_formats: '7pt 7.5pt 8pt 10pt 12pt 14pt 18pt 24pt 36pt' のようにスペースで区切ります。垂直バー (|) は不要になりました。
• PowerPaste プラグインは、external plugins オプションリストではなく、plugins オプションリストに含まれています。

  San Diego	Tokyo
  external_plugins: { powerpaste: '/scripts/tinymce4_4_3/plugins/powerpaste/plugin.min.js?sysparm_substitute=false' },	plugins: "lists code link powerpaste"

• サポートされる追加の言語は、カナダフランス語 (fq)、ハンガリー語 (hu)、タイ語 (th)、トルコ語 (tr) です。次のように言語リストを更新して、これらの言語を含めることができます。

  var langs = 'cs,de,en,es,fi,fr,fq,he,hu,it,ja,ko,nl,pl,pt,ru,th,tr,zh,zt';

• mce- 名前空間を使用して適用された CSS スタイルはサポートされていません。代わりに新しい CSS クラスを使用してください。
• リストプラグインを plugins オプションリストに追加して、番号付きまたは箇条書きリストを使用できるようにします。