我在 AngularJS 旁边使用SunEditor，我的目的是获取富文本框的内容并将其传递给 Angular JS，我尝试过 ng-model 但它似乎不起作用。是否有任何解决方案可用于获取写在 SunEditor 富文本框中的所有 html 内容？我想获取文本以及 html 内容。

问题

我想验证用户是否已将实际文本输入到编辑器中，而忽略了 html 标签和空格。

细节

• 我正在使用 ReactJS SunEditor 组件
• 我正在使用打字稿

以下是用户未输入任何内容时的内容示例：

和另一个

尝试的解决方案

我已经尝试在onChange事件中放置一个正则表达式，但它非常笨拙，可能不会考虑非文本内容的所有不同表示方式；我需要一个更好的方法。

模糊的想法

我看到 SunEditor javascript api 有一个实用方法，onlyZeroWidthSpace它返回一个布尔值；它可能有效，但我不知道如何访问它。我正在使用 Typescript，所以那里可能有问题？

谢谢你的帮助！

我刚开始使用 SunEditor，到目前为止，我已经成功地将它添加到 React 组件中，并在单击保存时将生成的文档存储在 mongoDB 中。到目前为止，这是成功的一半。现在我想渲染存储的文档，并且我在同一个组件中从数据库返回数据，但是当我渲染它时，所有的 HTML 都被显示（见图）。我很难找到正确显示此数据的文档。有谁知道这样做的正确方法是什么？

我在 React 应用程序中使用 SunEditor，它运行良好。不过，我确实有一个挑剔的。在保存时，我保存了 SunEditor 生成的文档以及有关该文档的其他元数据。SunEditor 似乎通过观察其编辑控件中的更改来控制是否在内部启用/禁用保存按钮，这很好，但如果保存按钮当前被禁用并且有人编辑与文档关联的元数据，我想启用保存按钮. 我浏览了文档，但似乎找不到显示“嘿，启用保存按钮！”的配置设置。有没有办法做到这一点？

指向 React 文档的 SunEditor 的链接

指向 javascript SunEditor 文档的链接

我一直在使用 SunEditor 进行测试，因为我想预加载存储在 DB 中的 HTML 文本并让用户在必要时对其进行修改。我从父级传递了一个 ref 变量，因此当单击提交按钮时，他可以获得值并保存修改。setContents 有时只是工作。当我保存项目并再次编译时，出现了文本。但是，如果我使用该应用程序或刷新窗口文本消失。我已经检查过该变量是否仍然具有该值。我是 React 的新手，我不确定是我做错了还是 suneditor-react 失败了。你能帮助我吗？

这是我的代码：

这是在 SunEditor div 中正确加载内容的屏幕截图（仅在编译项目时）：

如果我刷新页面或导航到相同的链接...

我已经显示了一个具有相同 props.content 的 div，只是为了检查 fowardRef 是否正常工作。为什么 setContents 现在可以工作了？我用 React 工具检查并加载了属性：

任何想法？

我正在使用suneditor-react和typescript。我想获取编辑器的内容来创建 PDF。但问题是当我尝试访问 SunEditor 的引用时，出现以下错误

此外，我getContents()在SunEditorReactProps. 但它在他们的示例页面中。

请给出你的想法。

sunediotr-react

suneditor 示例页面

我在 reactjs 中使用 Suneditor。现在在这里我想在编写描述时从数据库中提及一些用户名。但是我无法使用 suneditor 找到任何“提及”插件。有什么方法可以使用 suneditor 实现它吗？提到的用户名将被标记为蓝色并带有下划线。任何参考链接都将使用 suneditor。

我之前使用过 react 插件。我可以在 suneditor 中使用它并满足上述要求吗？

我正在尝试在我的项目中使用 SunEditor，但我想知道是否可以在 javascript 中自定义一个按钮来运行我希望它运行的功能。

任何帮助是极大的赞赏。

为 suneditor 使用自定义工具栏容器时，布局混乱。

...

我正在使用我的 react typescript 项目进行 Ant 设计，

这是我的冲突，我想点击标签并将其显示到Sun 编辑器内容区域，所以当我点击标签时会显示文本区域，但我无法在 sun 编辑器上添加任何解决方案？谢谢

闪电战在这里

代码在这里