リッチ テキスト エディタで「リンクを挿入」ダイアログや「メディア アイテムを挿入」ダイアログのサイズを変更する方法


解説

小さいスクリーンを使用している場合、リッチ テキスト エディターの「メディア アイテムを挿入」や「リンクを挿入」ダイアログが表示域の外にはみ出してしまい、挿入キャンセル ボタンが隠れてユーザーが選択を確認するのを妨げる場合があります。

解決策

ダイアログの大きさを変更するには、sitecore/shell/Controls/Rich Text Editor/RichText Commands.jsファイルを編集する必要があります。InsertSitecoreLinkおよびInsertSitecoreMediaコマンドを探し、高さまたは幅のパラメータを問題のあるデバイスの表示域に合うサイズに変更します。

例:

  1. sitecore\shell\Controls\Rich Text Editor\RichText Commands.jsファイルのバックアップを作成します。
  2. InsertSitecoreLinkおよびInsertSitecoreMediaコマンドの高さおよび幅を設定します。
  3. 例えば、「リンクを挿入」ダイアログのサイズとして幅1000ピクセル、高さ500ピクセルを使用するように変更するには、以下のように変更します。
    Telerik.Web.UI.Editor.CommandList["InsertSitecoreLink"] = function (commandName, editor, args) {
       ...
      editor.showExternalDialog(
        "/sitecore/shell/default.aspx?xmlcontrol=RichText.InsertLink&la=" + scLanguage + "&fo=" + id + (scDatabase ? "&databasename=" + scDatabase : ""),
        null, //argument
        1000,
        500,
        scInsertSitecoreLink, //callback
        null, // callback args
        "Insert Link",
        true, //modal
        Telerik.Web.UI.WindowBehaviors.Close, // behaviors
        false, //showStatusBar
        false //showTitleBar
      );
    };
  4. ブラウザのキャッシュをクリアし、RichText Commands.jsファイルが新しい値で確実に再読み込みされるようにします。