如何获得TinyMCE与Angular4的内容？

单击提交按钮后，我需要将tinyMCE编辑器中编写的内容存储在html页面上，但我不知道如何保存。我已导入我的应用模块中的编辑器组件

mycomponent.html中嵌入了以下编辑器：

我在Component.Ts文件中有一个名为getcontent（）{/}的函数。我不知道现在该做什么，因为其他在线主题专门使用Javascript或PHP（我使用Angular 4）

本质上，我有一个初始化的字符串，名为str，我需要在这里插入这个内容来更新我的后端数据库

在其他文章中，我看到他们使用类tinyMCE并对其调用函数，但我无法在我的应用程序中访问它

---

但是，我可以在单击“保存”时运行（onSaveContent）=“somefunction（）”；我只需要获取我写入字符串变量的内容

基于您提到的

EditorComponent

，我假设您正在使用。在这种情况下，它很简单；您只需使用

ngModel

将tiny mce编辑器的值与组件中的属性进行双向绑定：

在您的组件中：

//存储HTML的字符串字段
嗨，TinyMCE
 ",；
somefunction（）{
//在这里做点什么。
log（this.html）；
}

---

这里有一个。

基于您提到的

EditorComponent

，我假设您正在使用。在这种情况下，它很简单；您只需使用

ngModel

将tiny mce编辑器的值与组件中的属性进行双向绑定：

在您的组件中：

//存储HTML的字符串字段
嗨，TinyMCE
 ",；
somefunction（）{
//在这里做点什么。
log（this.html）；
}

---

这里有一个。

工作起来很有魅力！问题是它一直在说“错误：找不到表单元素”，我该如何阻止它？很有趣。我以前没有犯过这样的错误，现在也是。我相信Stackblitz发生了一件奇怪的事情，因为我在本地运行了这段代码（我在生产站点上做了类似的事情），但没有遇到这个问题。您可以通过在Stackblitz上编辑一个文件几次来修复它（编辑一些内容以引起刷新，它应该可以工作）。试着运行代码，不要在Stackblitz上运行，如果遇到任何问题，请告诉我！问题是它一直在说“错误：找不到表单元素”，我该如何阻止它？很有趣。我以前没有犯过这样的错误，现在也是。我相信Stackblitz发生了一件奇怪的事情，因为我在本地运行了这段代码（我在生产站点上做了类似的事情），但没有遇到这个问题。您可以通过在Stackblitz上编辑一个文件几次来修复它（编辑一些内容以引起刷新，它应该可以工作）。尝试在Stackblitz上运行该代码，如果遇到任何问题，请告诉我。