TinyMCE 路径，如何指定加载 editor_plugin.js 等内容的位置

Question

我安装了 TinyMCE，一切运行良好。然后我使用 Google Closure 将我网站的 JavaScript 与 TinyMCE_src 一起打包

我遇到的问题是 TinyMCE 现在正在调用：

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

并且正在使用的路径无效，它们是 404'ing

我如何告诉 TinyMCE 去哪里去获取这些文件吗？

我尝试过：

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

但是它们对上面的文件没有影响。

建议？谢谢

Answer 1

我遇到了同样的问题，如果我们能够使用 document_base_url 指定基本 url，那么这个问题就可以轻松解决。

或者，我可以在初始化tinymce 之前指定基本url。

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

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

TinyMCE 现在工作正常。

Answer 2

您可以通过在初始化tinyMCE之前放置以下代码来覆盖tinyMCE的基本url。

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

如果您已经从合并源加载了tinyMCE并且未正确找到基本路径，那么这非常有用。

Answer 3

根据此： http://www.tinymce.com/wiki.php/Configuration:theme_url< /a>

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”或“...//server/site/”，它可以是：
“...//服务器/站点/js...”或“...//服务器/站点//js...”。

Answer 4

如果您使用 TinyMCE jQuery 插件，则可以从远程位置加载所有内容，只需将 script_url 参数添加到初始化代码中即可。它将从那里加载所有内容，包括任何脚本/图像/等。

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

看看这个小提琴，它包括从 TinyMCE 网站远程访问的整个内容： http://jsfiddle.net/xgPzS/ 22/

Answer 5

根据 TinyMCE 4.x 文档，您可以在 init 期间指定文档基 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

Answer 6

使用 grunt 捆绑所有内容（github 上的说明），然后您只需配置从哪里开始使用选项 skin_url 加载所有 css

tinymce.init({skin_url: window.location.origin + '/css/tinymce'})