【问题标题】:Tinymce plugins load from cdn instead of local directoryTinymce插件从cdn而不是本地目录加载
【发布时间】:2016-06-08 12:56:41
【问题描述】:

我为 Angular 安装了 TinceMCE。所以在使用 tiny 时,我必须执行以下操作:

控制器:

vm.tinymceOptions = {
        plugins:'layer image hr imagetools',
        toolbar: 'undo redo | bold italic | alignleft aligncenter alignright | code',
        height:'480'
    };

在我看来:

<form class = "MCEeditor" method="post">
         <textarea ui-tinymce="vm.tinymceOptions" ng-model="vm.tinymceModel"></textarea>
</form>

我的问题是,当我尝试使用外部插件时,会向外部 CDN 发出 GET 请求,而不是我的本地插件文件。这是 GET 请求:

Request URL:http://cdn.tinymce.com/4/plugins/ss/plugin.min.js
Request Method:GET

所以本质上,我需要一种方法将该请求指向我的内部 TinyMCE 插件目录,而不是这个 CDN。

【问题讨论】:

    标签: angularjs plugins get tinymce cdn


    【解决方案1】:

    默认情况下,TinyMCE 在其自己的plugins 文件夹中查找插件文件,因此如果您从 CDN 加载 TinyMCE,它会在该文件夹中查找。

    您可以做的是在配置中使用external_plugins 选项并将TinyMCE 指向您的插件文件的确切位置:

    https://www.tinymce.com/docs/configure/integration-and-setup/#external_plugins

    例如:

    tinymce.init({
      selector: 'textarea',
      ...
      external_plugins: {
        'testing': 'http://www.testing.com/plugin.min.js',
        'maths': 'http://www.maths.com/plugin.min.js'
      }
    });
    

    由于您使用的是 TinyMCE / Angular 插件,因此此 external_plugins 代码位于您的 vm.tinymceOptions 对象中。

    【讨论】:

    • 我试过了,但它不起作用。 ui-tinymce 库中似乎存在一些限制。现在我将研究为什么在插件的cdn中进行硬编码。您上面提到的方式是否也适用于内部目录?
    • 我自己在 Angular 项目中使用了相同的指令,并且我使用了 external_plugins 属性,因此我可以确认它是否有效。 tinymceOptions 的确切代码是什么?您在帖子中的代码根本没有提到ss 插件,更不用说external_plugins。当您加载 TinyMCE 时,浏览器的控制台中是否有任何错误?
    • 感谢您的回答。似乎 TinyMCE 没有正确安装在我们的项目中。您的解决方案有效!
    猜你喜欢
    • 2021-11-22
    • 1970-01-01
    • 2012-06-14
    • 2017-11-19
    • 2021-05-18
    • 2011-11-11
    • 2018-10-19
    • 1970-01-01
    • 2016-09-12
    相关资源
    最近更新 更多