如何通过 zip 文件安装 angular 插件?

How to install an angular plugin via a zip file?

我在一个 zip 文件中有自己的自托管版本的 TinyMCE,我想将其安装到我的 angular 应用程序中,但我不知道如何安装。我所能找到的都是关于人们在没有互联网的情况下这样做的帖子,但这对我的用例来说似乎过于复杂。

我试过将它添加到 node_modules 并在 index.html 中添加一个 scirpt src 但没有成功。感谢任何帮助。

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

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

您当然可以将文件下载为 zip 文件并将它们也放在项目中的某个位置。最后,所有 NPM 所做的就是提供一种不同的方式来下载 TinyMCE 的文件。

获得文件后,它们需要位于使用您的应用程序的浏览器可以在 运行 时引用它们的某个位置。因为你可以用你的应用程序结构做很多不同的事情,所以很难准确地说出你可以把 TinyMCE 放在哪里。我的 Vue 项目中通常有一个 scripts 文件夹(我不再使用 Angular)并且我确保在 运行 时间需要的任何 JavaScript 都部署到scripts 个文件夹。假设您要将所有 TinyMCE 运行time 文件放在 scripts 文件夹中,您只需在页面头部使用 <script> 标记来加载 TinyMCE。

当然还有其他选择...

  1. Module Loaders - 你可以选择只在需要TinyMCE的组件中加载TinyMCE。我们在这里有相关文档:https://www.tiny.cloud/docs/advanced/usage-with-module-loaders/

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