2016-06-08 1919 views
0

我已经为Angular安装了TinceMCE。因此,使用微小的时候,我必须做类似如下:Tinymce插件从cdn代替本地目录加载

控制器:

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> 

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

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

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

回答

1

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

你可以做的是使用在配置和点的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插件,这个​​代码会出现在您的vm.tinymceOptions对象中。

+0

我试过了,但它不起作用。这似乎是在ui-tinymce库中有一些限制。现在我将研究为什么它是硬编码来查看插件的cdn。你上面提到的方式是否也适用于内部目录? –

+0

我在Angular项目中自己使用了相同的指令,我使用'external_plugins'属性,因此我可以确认它是否有效。你对'tinymceOptions'的确切代码是什么?你的帖子中的代码并没有提到'ss'插件,更别提'external_plugins'了。当你加载TinyMCE时,浏览器控制台中是否有错误? –

+0

谢谢你的回答。我们的项目似乎没有正确安装TinyMCE。您的解决方案有效 –