web-dev-qa-db-ja.com

TinyMCEパス、editor_plugin.jsのようなものをロードする場所を指定する方法

TinyMCEをインストールしましたが、すべてうまくいきました。次に、Google Closureを使用して、サイトのJavaScriptとTinyMCE_srcをパッケージ化しました

私が抱えている問題は、TinyMCEが次の呼び出しを行っていることです。

plugins/paste/editor_plugin.js
themes/advanced/editor_template.js
langs/en.js

そして、使用されているパスは無効であり、404です

これらのファイルを取得する場所をTinyMCEに伝えるにはどうすればよいですか？

私は試した：

relative_urls : false,
document_base_url : "http://www.site.com/path1/",

ただし、上記のファイルには影響しません。

アドバイス？ありがとう

jquerytinymcegoogle-closure
54
AnApprentice

私も同じ問題を抱えていましたが、document_base_urlを使用してbase urlを指定できれば、簡単に解決できたはずです。

あるいは、tinymceを初期化する前にベースURLを指定できました。

tinyMCE.baseURL = "URL_TO/tinymce/jscripts/tiny_mce/";// trailing slash important

tinyMCE.init({
        mode : "textareas",
        theme : "simple"
});

TinyMCEは現在正常に動作しています。

89
Rakesh

これによると： http://www.tinymce.com/wiki.php/Configuration:theme_url

tinymce.init({
   ...
   theme_url: (document.location.pathname + '/js/tinymce/themes/modern/theme.js').replace("\/\/", "\/"),
   skin_url:  (document.location.pathname + '/js/tinymce/skins/lightgray/').replace("\/\/", "\/"),
   ...

しかし、パスには注意する必要があります。ヘルプdocument.location.pathnameプロジェクトのルートディレクトリがあります。異なるサーバーが "... // server/site" OR "... // server/site /"を返すことができ、 be： "... // server/site/js ..." OR "... // server/site // js ..."。

9
Chaki_Black

TinyMCEを初期化する前に次のコードを配置することにより、tinyMCEのベースURLをオーバーライドできます。

var tinyMCEPreInit = {
    suffix: '',
    base: '/tinymce/',
    query: ''
};

これは、すでにマージされたソースからtinyMCEをロードしていて、ベースパスが正しく見つからない場合に便利です。

9
Stefaan Colman

TinyMCE jQueryプラグインを使用している場合は、リモートの場所からすべてをロードできます。script_urlパラメータを初期化コードに追加します。スクリプト/イメージ/など、そこからすべてをロードします。

$('textarea').tinymce({
    script_url: 'http://tinymce.moxiecode.com/js/tinymce/jscripts/tiny_mce/tiny_mce.js'
});

このフィドルをチェックしてください。TinyMCEWebサイトからリモートですべてが含まれています： http://jsfiddle.net/xgPzS/22/

5
DarthJDG

TinyMCE 4.xのドキュメントに従って、初期化中にドキュメントベースのURLを指定できます。

_tinymce.init({
        document_base_url: "http://www.example.com/path1/"
});
_

codeIgniterを使用している場合は、単にbase_url()を使用します

_tinymce.init({
        document_base_url: "<?php echo base_url() ?>"
});
_

要確認：_relative_url_は、完全に機能するためにtrueでなければなりません。そうでなければ、絶対URLが取得されます。

詳細： http://www.tinymce.com/wiki.php/Configuration:document_base_url

2
Adnan

Grunt（ github の指示）を使用してすべてをバンドルし、オプションskin_urlを使用してすべてのcssをロードする場所を設定する必要があります。

tinymce.init({skin_url: window.location.Origin + '/css/tinymce'})
2
cleison