文章/答案/技术大牛

发布

社区首页 >问答首页 >Angular6和tinyMCE编辑器

问Angular6和tinyMCE编辑器
EN

Stack Overflow用户

提问于 2019-11-26 16:43:12

回答 1查看 713关注 0票数 0

你好，我想把tinyMCE编辑器集成在angular 6应用程序中。

我已经集成为下面的线程，但它给我的信息，域没有注册。我想做它没有集成与API密钥与几个基本功能。

在上面的线程中，它说它可以使用模块加载器来完成，但我认为它是在AngularJS中给出的，而不是在angular6中。

如果有人能帮我做同样的事情，我将非常感激。

angular

回答 1

Stack Overflow用户

发布于 2019-11-26 17:00:27

下面的分步指南概述了在由Angular CLI管理的项目中加载TinyMCE和TinyMCE-Angular的过程。

使用NPM安装TinyMCE

npm install --save tinymce

在您的angular.json中，将tinymce添加到全局脚本标记中。脚本列表可能如下所示：

"scripts": [
  "node_modules/tinymce/tinymce.min.js"
]

将tinymce皮肤、主题和插件添加到angular.json的assets属性中。这将允许Tiny在初始化时延迟加载它所需的所有内容。

"assets": [
  { "glob": "**/*", "input": "node_modules/tinymce/skins", "output": "/tinymce/skins/" },
  { "glob": "**/*", "input": "node_modules/tinymce/themes", "output": "/tinymce/themes/" },
  { "glob": "**/*", "input": "node_modules/tinymce/plugins", "output": "/tinymce/plugins/" }
]

最后，配置编辑器。如有必要，请设置base_url和suffix选项。

<editor [init]="{
  base_url: '/tinymce', // Root for resources
  suffix: '.min',       // Suffix to use when loading resources
  plugins: 'lists advlist',
  toolbar: 'undo redo | bold italic | bullist numlist outdent indent'
}"></editor>

更多信息请点击此处：https://github.com/tinymce/tinymce-angular

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/59046859

复制

相似问题

问Angular6和tinyMCE编辑器
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Angular6和tinyMCE编辑器EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Angular6和tinyMCE编辑器
EN