angular-ui-tinymce 不工作答案

【问题标题】：angular-ui-tinymce not workingangular-ui-tinymce 不工作
【发布时间】：2017-04-05 04:22:21
【问题描述】：

我正在使用 npm（不是 bower）下载 angular-ui-tinymce。

npm install angular-ui-tinymce

此后，我将使用以下命令将其安装到我的应用程序中。

var angular = require('angular');
require('angular-ui-router');
...
require('angular-ui-tinymce');

然后，我将它作为依赖项包含在内。

angular.module('nxch-ies-admin', ['ui.router', ..., 'ui.tinymce']);

最后，我将其添加到我的 html 代码中...

<textarea ui-tinymce="tinymceOptions" ng-model="fooContent" placeholder="..."></textarea>

和控制器如下。

$scope.fooContent = "<div>blah blah blah</div>";

$scope.tinymceOptions = {
    plugins: 'link image code',
    toolbar: 'undo redo | bold italic | alignleft aligncenter alignright | code'
};

但它不起作用！我错过了什么？

【问题讨论】：

检查控制台错误，devtools > 网络选项卡，由于baseURL 相关问题（常见于tinymce），一些文件可能无法加载
这是我检查的第一个地方....但什么都没有！我没有错误。我真的很困惑！
在网络选项卡中，某些文件可能不会加载.. 你的 baseURL 是什么？您尝试更改 baseURL 吗？
@AmitMalik 是的，在其他地方打印也可以。
请查看github.com/angular-ui/ui-tinymce 除了 angular-tiny-mce.js 你还需要 tinymce.js 脚本

标签： javascript angularjs node.js tinymce

【解决方案1】：

require("angular-ui-tinymce") 并在 index.html 中手动添加 <script src="https://cdn.tinymce.com/4/tinymce.min.js"></script> 终于可以正常工作了！

【讨论】：

如何通过npm使用？如果我不想在 index.html 中通过硬编码添加脚本，我可以通过 npm 使用它吗？我尝试使用 npm 安装软件包，然后 require('tinymce'); 但它仍然无法正常工作...