如何通过zip文件安装角度插件?

时间:2019-05-14 17:48:13

标签: angular tinymce

我在zip文件中有自己的TinyMCE自托管版本,我希望将其安装到我的角度应用程序中,但我不知道如何。我所能找到的只是关于人们在没有互联网的情况下进行此操作的帖子,但是对于我的用例而言,这似乎过于复杂。

我尝试将其添加到node_modules并在index.html中向其添加脚本src,但是没有运气。任何帮助表示赞赏。

1 个答案:

答案 0 :(得分:1)

TinyMCE不能作为zip文件运行-浏览器需要单个文件才能在运行时从服务器加载。

您是否正在使用Angular我将假设您使用NPM,因此一种选择是通过NPM包含TinyMCE。

您当然可以将文件作为zip压缩,也可以将它们放在项目中的某个位置。最后,NPM所做的一切都提供了一种下载TinyMCE文件的不同方法。

一旦有了文件,它们必须位于使用您的应用程序的浏览器可以在运行时引用它们的位置。由于您可以在应用程序结构中做很多不同的事情,因此很难确切说出TinyMCE的放置位置。我的Vue项目中通常有一个scripts文件夹(我不再使用Angular),并且确保将运行时所需的所有JavaScript都部署到scripts文件夹中。假设您将所有TinyMCE运行时文件放置在scripts文件夹中,则只需在页面顶部使用<script>标记即可加载TinyMCE。

当然还有其他选择...

  1. 模块加载器-您可以选择仅在需要使用TinyMCE的组件中加载TinyMCE。我们在此处提供有关文档:https://www.tiny.cloud/docs/advanced/usage-with-module-loaders/

  2. TinyMCE Angular“包装器” -我们有一个包装器,可以使TinyMCE在Angular中运行变得更容易:https://www.tiny.cloud/docs/integrations/angular2/。该包装器进一步简化了TinyMCE在Angular中的工作。如果TinyMCE在本地尚不可用,则包装器(默认情况下)将从我们的云平台加载TinyMCE。这可能对您来说是最少的工作,但需要为我们的云平台注册一个 免费 API密钥(免费!)。