3

TinyMCE jQuery プラグインを使用しています。現在、プリロードされている唯一のファイルは jquery.tinymce.js です。

TinyMCE を使用するモジュールがロードされると、以下のコードで初期化されます。これが発生すると、多数の TinyMCE ファイルが読み込まれ、Chrome ウィンドウで表示されます。別のモジュールをクリックして戻ってきた場合、TinyMCE ファイルは再ロードされません。これは理にかなっています。ユーティリティは何がロードされているかを確認し、必要なファイルを動的にロードします。

私がやりたいことは、必要なすべての TinyMCE ファイルをプリロードすることです。Chrome タブを見て、ロードされているファイルを確認し、それらを連結してマスター TinyMCE ファイルにすることができると考えました。シンプルに始めて、ロードする最初のファイル langs/en.js を jquery.tinymce.js の直後に連結しようとしました。ただし、TinyMCE が定義されていないというスクリプト エラーが発生します。私はかなりいじりましたが、何も機能していないようです。

これを行う簡単な方法はありますか？必要なすべての TinyMCE ファイルを 1 つのマスター ファイルに手動で連結したいだけです (これは手動ではなく、それを行うための簡単なユーティリティを作成しましたが、それは重要ではありません)。

これはどのように行うことができますか？

jQuery プラグイン オブジェクトで呼び出してプロセスを開始し、すべてのヘルパー TinyMCE ファイルを処理できる初期化メソッドはありますか?

TinyMCE 初期化コード:

data.inputs.itemDescription.tinymce({
    // Location of TinyMCE script
    script_url: '/shared/tinymce/jscripts/tiny_mce/tiny_mce.js',

    // General options
    theme: "advanced",
    skin: "custom",
    plugins: "style,layer,table,advhr,advlink,inlinepopups,preview,contextmenu,paste,nonbreaking",

    // Theme options
    theme_advanced_buttons1: "bold,italic,underline,formatselect,bullist,numlist,link,code,preview",
    theme_advanced_buttons2: "tablecontrols,|,hr",
    theme_advanced_buttons3: "",
    theme_advanced_buttons4: "",
    theme_advanced_toolbar_location: "top",
    theme_advanced_toolbar_align: "left",
    theme_advanced_statusbar_location: "",
    theme_advanced_resizing: true
});
4

1 に答える 1

1

「TinyMCE開発パッケージ」には、tinymceファイルを圧縮する方法がすでにあります。これは単純なantツールですが、正常に機能します。

すべてのtinymceユーザーにjQueryビルドを使用しないことを強くお勧めします。これは問題の原因であり、オブジェクト作成のjQueryオーバーヘッドにより、キーボード入力の処理に関してはtinymceが遅くなります。通常のtinymceビルドを使用し、さらに通常のjQuerylibをロードすることをお勧めします。

于 2012-09-13T09:57:58.557 に答える