Optimizely CMS 12 内の TinyMCE でテキストを変更する

公開日: 昨日
タグ:

やり方は以前にも書きましたが、 Optimizely CMS 11 内の TinyMCE UI のテキストを更新する。 CMS 12 では、TinyMCE がバージョン 4 からバージョン 6 に更新されたため、状況が少し変わりました。

実行している TinyMCE のバージョンを確認するには、選択したブラウザの開発者ツール内のコンソールから次のコマンドを実行します。 TinyMCE が編集モードでロードされているブラウザ ウィンドウから必ず実行してください。

tinymce.majorVersion

前述の CMS 11 のブログ投稿と同様に、テキスト «Alternative description» (現在 TinyMCE によって更新されています) を «Alt Text» に変更したいと思います。

これを行うには、テキスト オーバーライドを含む JavaScript ファイルを追加します。ノルウェー語と英語の両方のテキストを含めます。

// This code is called every time a TinyMCE instance is loaded on a page
define([], function () {
    return function (settings) {
        return Object.assign(settings, {
            init_instance_callback: function (editor) {
                tinymce.addI18n("nb_NO", {
                    "Alternative description": "Alternativ tekst"
                });
                tinymce.addI18n("en", {
                    "Alternative description": "Alt Text"
                });
            }
        });
    };
});

新しいファイルをこの場所に保存します。

/wwwroot/ClientResources/TinyMCE/tinymceinit.js

最後に、次のように TinyMCE 構成に接続します。

config.Default()
   .InitializationScript("/ClientResources/TinyMce/tinymceinit.js");

最終結果: